html5新增的常用元素

HTML5新增了大量元素，这些元素更好的丰富了HTML文档的语义。

（一）文档结构元素
1. <aricle>：改元素用于代表页面上独立，完整的一篇”文章“，article元素内部可以使用header，footer，section，article等元素。
2. <section>：该元素用于对页面的内容进行分块。
3. <nav>：该元素专门用于定义页面上的”导航条“，包括页面上方的”主导航条“，侧边的”边栏导航“，页面内部的”页面导航“，页面下方的”底部导航“等，HTML5推荐将这些导航链接分别放在相应的nav元素中进行管理。
4. <aside>：该元素专门用于定义当前页面或者当前文章的附属信息，通常来说，推荐aside元素使用除上述渲染成侧边栏。
5. <header>：该元素主要用于为article元素定义文章”头部“信息。该元素里面可以包含h1~h6，span和div，也可以包含hgroup元素。
6. <hgroup> :该元素主要用于组织多个h1~h6这样的标题元素，如果有多个标题元素的时候，可以考虑把他们组成一组。
7. <footer> :该元素主要用于为article元素定义”脚注“部分，包括该文章的版权信息，作者授权信息等。
8. <figure>:该元素用于表示一块独立的”图片区域“，该元素内部可以包含一个或者多个img元素所代表的图片。除此之外，该元素还可以包含一个figcaption元素，用于定义该”图片区域“的标题。
9. <figcaption>:该元素通常放在figure内部，用于定义”图片区域“的标题。

（二）语义相关元素
1. <mark>：用于显示HTML页面中需要重点”关注“的内容，高光显示。
2. <time>：用来显示被标注内容是日期，时间或者日期时间。该元素有一个特殊的属性。datetime:该属性主要用于向及其提供时间（向浏览者呈现的时间放在time 之间），datetime属性的属性值应该是符合yyyy-MM-ddTHH:mm格式的日期时间，当然，也可以只指定日期或者只指定时间。

（三）两个特殊功能的元素
1. <meter>：用于表示一个已知最大值和最小值的计数仪表。有如下私有属性:
（1）value：指定计数仪表的当前值。默认为0，可以为该属性指定一个浮点值。
（2）min：指定计数仪表的最小值。默认为0，可以为该属性指定一个浮点值。
（3）max：指定计数仪表的最大值。默认为1，可以为该属性指定一个浮点值。
（4）low：指定计数仪表指定范围的最小值。该属性值必须大于min属性值。
（5）high：指定计数仪表指定范围的最大值。该属性值必须小于max属性值。
（6）optimum：指定计数仪表指定范围的最佳值。如果该值大于high属性指定的值，则意味着值越大越好，如果该值小于low属性指定的值，则意味着值越小越好。
2. <progress>：用于表示一个进度条。有如下私有属性:
（1）value：指定进度条当前完成的进度值。
（2）max：指定进度条完成的值。