html5新增特性

一、html5新增特性

▶html5新属性

1、元素内容可被编辑属性：contenteditable="true"

2、所有支持contenteditable的元素都可被编辑：全局变量（写在script标签里）doucument.designMode="on"

3.input元素的新增属性：hidden=“hidden”

▶input元素type的新增属性值

   1、email，tel，url，time，datetime-local,number

   2、search（chrome下输入文字后，会多出一个关闭的X）

       

   3.time,datetime,datetime-local

      代码如下：
   

   

                     

    4、range:特定范围内的数值选择器

       

         

     5、color:颜色选择器

         

        

▶HTML5新的表单控件

  1、属性autofocus="autofocus"

    定义给指定表单获取输入焦点

    如果给多个input标签设置autofocus="autofocus"，则只有第一个有焦点。

▶标签的语义化

 1、

 2、

 3、

//一篇文章，用户提交的评论内容，可互动的页面模块控件
     

1

     

2

     

3

     

4

     

侧边栏

//侧边栏：友情链接，附属导航或广告单元
   

   4、 

//导航，包含链接的的一个列表

       

新卓越计算机课程

       

           
• javascript

           
• html+css

       

         

 

        

  5.

//图文
   

新卓越计算机

       
       
       

       

      

  6、 time双标签

       

我在 情人节 有个约会。

  7、选项列表

           
    

                   

   8、用于摘录引用

       

       

新卓越计算机

       

西安邮电的培训教育

       

西安邮电的培训教育

         

西安邮电的培训教育

       

       

  9、黄色标记

      标记

  10、hgroup（双标签）：页面上的一个标题组合，一个标题和一个子标题，或者标语的组合

         

        

h1

        

h2

         

  11、address（双标签）

        定义文章或页面作者的详细内容，为斜体显示

  12、计数仪表//如剩余电量、速度表

        low指定计数仪表指定范围的最小值，必须大于min

   high指定计数仪表指定范围的最大值，必须小于max

   optimum计数仪表有效范围内的最佳值，如果大于high则越大越好，如果小于low则越小越好

        

       

       注意：value值必写，不写默认为0

  13、定义进度条

       //无min属性
       76%
       

      

 14、秘钥对生成器，提供一种验证用户的可靠方法。

   当我们提交表单时，它生成两个键，一个私钥，一个公钥。

   私钥储存于客户端，公钥则被发到服务器，公钥可用于之后验证用户的客户端证书。

        

       Username:
       Encryption: // 选择高级或中级，点击提交按钮，自动生成
       

         

   ok!!!如有不对的，望大家指正！！！