新增主体结构元素 - 依芈_H5之家 - 中国HTML5教程资源分享第一站

1.section元素：页面中的一个内容区块，比如章节、页眉、页脚或页面中的其他部分；可以与h1、h2、h3、h4、h5、h6等结合使用，标示文档结构；

用于对网站或应用程序中页面上的内容进行分块。一个section元素通常由内容及标题组成。标题部分位于它的内部。section元素中的内容可以单独存储到数据库中或输出到Word文档中。

不要将section元素用作设置样式的页面容器，那是div的工作；如果article元素、aside元素或nav元素更符合使用条件，不要使用section元素；不要为没有标题的内容区块使用section元素。

2.article元素：页面中的一块与上下文不相干的独立内容，如博客中的一篇文章或报纸中的一篇文章；

代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。可以是一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件，或其他独立的内容。

除了内容部分，一个article元素通常有自己的标题（一般放在一个header元素里），有时还有自己的注脚。

article元素可以嵌套使用，内层的内容在原则上需要与外层的内容相关联。如博客中，针对文章的评论就可以使用嵌套article元素的方式，用来呈现评论的article元素被包含在表示整体内容的article元素里面。

article元素也可以用来表示插件，其作用是使插件看起来好像内嵌在页面中一样。

article元素可以看做是一种特殊的section元素。section强调分块或分段，而article强调独立性。如果一块内容相对来说比较独立、完整的时候，应该使用article，但是如果想将一块内容分成几段的时候，应该使用section元素。div元素变成了一种容器，当使用css样式的时候，可以对这个容器进行一个总体的css样式的套用。

3.aside元素：article元素的内容之外的、与article的内容相关的辅助信息；

用来表示当前页面或文章的附属信息部分，可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条，以及其他类似的有别于主要内容的部分。

主要有以下使用方法：被包含在article元素中作为主要内容的附属信息部分，可以是与当前文章相关的参考资料、名词解释等；在article元素之外使用，作为页面或站点全局的附属信息部分，较为典型的形式是侧边栏，其中的内容可以是友情链接，博客中其他文章列表、广告单元等。

只需要将主要的、基本的链接组放进nav元素即可；一个页面中可以拥有多个nav元素，作为整体或不同部分的导航。

nav的使用场合主要是：传统导航条、侧边导航条（将页面从当前文章或当前商品跳转到其他文章或其他商品页面上去）、页内导航（在本页面几个主要的组成部分之间进行跳转）、翻页导航（在多个页面的前后页或博客网站的前后篇文章滚动）、也可以是其他认为是重要的基本的导航链接组中；
在H5中不要用menu元素替换nav元素。menu元素使用在一系列发出命令的菜单上的，是一种交互性的元素（在web应用程序中使用的）。

time元素代表24小时中的某个时刻或某个日期，表示时刻时允许带时差。可以定义多种格式的日期和时间。

微格式：一种利用HTML的class属性来对网页添加附加信息的方法，附加信息可以是新闻事件发生的日期时间、个人电话号码、企业邮箱等。在H5中添加了一种新的元素time元素来无歧义、明确地对机器的日期和时间进行编码，并且以让人易读的方式展示。

<time datetime="2016-1-19">1月19日</time>
<time datetime="2016-1-19">生日</time>
<time datetime="2016-1-19T14:00">生日下午2点</time>
<time datetime="2016-1-19T14:00Z">生日下午2点</time>
<time datetime="2016-1-19T14:00+9:00">生日下午2点的美国时间</time>

编码时机器读到的部分在datetime属性里，而元素的开始标记与结束标记中间的部分是显示在网页上的。datetime属性中日期与时间之间用“T”（时间）分隔；Z代表给机器编码时使用UTC标准时间；最后一个加上了时差，表示向机器编码另一地区时间。

pubdate属性是一个可选的、布尔值属性，可以用到article元素中的time元素上，含义是time元素代表了文章（article元素的内容）或整个网页的发布日期。