h5新增

h5新增

1.简化的文档类型和字符集

（1）文档类型

<! DOCTYPE  HTML>

（2）字符集

<meta  charset="UTF-8">

2.富有语义化的新结构元素

<header></header>

                 包括标题，logo，导航和其他页眉内容

<hgroup></hgroup>

                   将标题进行分组元素

<nav></nav>

                  主导航菜单

<section></section>

                分块元素，定义网站中特定的可区别的区域

<article></article>

                  独立成文且以其他格式重用的内容应该置于一个article元素中

<aside></aside>

                    包含内容周围的相关内容

<footer></footer>

                版权声明和作者信息，包含链接

3.新增的内联元素

<figure>

        <figcaption>  figure的标题 </figcaption>

              <p>图片</p>

              <img src="img1.jpg"  width="100px"  height="100px">

</figure>

          包含图像，代码和其他内容对主要内容进行说明，删除不会影响内容

<mark></mark>

                        突出元素以表示引用的内容，或突出显示与用户当前活动相关的内容，不同于en或strong元素

<time></time>

                     在内容中显示时间或日期

<meter></meter>

                     定义度量衡，规定最大最小宽度，结合css一起作用

<progress></progress>

                     定义进度条，有  max（完成值）   value（进度条当前值）两个属性

4.支持动态页面

（1）  菜单<menu>

表单中组织控件列表，属性：

             autosubmit，为true，表示当表单控件改变时会自动提交

             label，文档的背景色

             type，定义显示那种类型的菜单，可选为"context"、"toolbar"和"list"   "list"是默认值

<menu>

               <li>  <input  type="checkbox"/>   控件   </li>

</menu>

 

（2）右键菜单 <menitime>

属性：

          label        菜单项的标题

          icon        菜单项前面显示的图标

          onclick    指定单击此菜单项时执行的JS代码

 

（3）在script标签中使用async属性

                               指定异步执行的脚本

 

（4）      <details>元素

用于描述文档或文档某个部分的细节

<details>

             <summary>    控件   </summary>

              <p>   用于描述文档或文档某个部分的细节   </p>

</details>

5.全新的表单设计

               HTML5新的Input类型

<email>

<url>

<number>

<range>