是一个特殊的section标签，它比section具有更明确的语义，它代表一个独立的、完整的相关内容块，可独立于页面其它内容使用。例如一篇完整的论坛帖子，一篇博客文章，一个用户评论等等。一般来说，article会有标题部分（通常包含在header内），有时也会包含footer。article可以嵌套，内层的article对外层的article标签有隶属关系。例如，一篇博客的文章，可以用article显示，然后一些评论可以以article的形式嵌入其中。

<article>

<header>

<hgroup>

<h1>这是一篇介绍HTML 5结构标签的文章h1>

<h2>HTML 5的革新h2>

hgroup>

<time datetime="2011-03-20">2011.03.20time>

header>

<p>文章内容详情p>

article>

nav标签

nav标签代表页面的一个部分，是一个可以作为页面导航的链接组，其中的导航元素链接到其它页面或者当前页面的其它部分，使html代码在语义化方面更加精确，同时对于屏幕阅读器等设备的支持也更好。

<nav>

<ul>

<li>厚德ITli>

<li>FlyDragonli>

<li>J飞龙天惊li>

ul>

nav>

aside标签

aside标签用来装载非正文的内容，被视为页面里面一个单独的部分。它包含的内容与页面的主要内容是分开的，可以被删除，而不会影响到网页的内容、章节或是页面所要传达的信息。例如广告，成组的链接，侧边栏等等。

<aside>

<h1>作者简介h1>

<p>厚德ITp>

aside>

header标签

标签定义文档的页眉，通常是一些引导和导航信息。它不局限于写在网页头部，也可以写在网页内容里面。

通常

标签至少包含（但不局限于）一个标题标记（

-

），还可以包括标签，还可以包括表格内容、标识、搜索表单、

导航等。

<header>

<hgroup>

<h1>网站标题h1>

<h1>网站副标题h1>

hgroup>

header>

footer标签

footer标签定义section或document的页脚，包含了与页面、文章或是部分内容有关的信息，比如说文章的作者或者日期。作为页面的页脚时，一般包含了版权、相关文件和链接。它和

标签使用基本一样，可以在一个页面中多次使用，如果在一个区段的后面加入footer，那么它就相当于该区段的页脚了。

<footer>

COPYRIGHT@厚德IT

footer>

hgroup标签

hgroup标签是对网页或区段section的标题元素（h1-h6）进行组合。例如，在一区段中你有连续的h系列的标签元素，则可以用hgroup将他们括起来

<hgroup>

<h1>这是一篇介绍HTML 5结构标签的文章h1>

<h2>HTML 5的革新h2>

hgroup>

figure 标签

用于对元素进行组合。多用于图片与图片描述组合。

<figure>

<img src="img.gif" alt="figure标签"  title="figure标签" />

<figcaption>这儿是图片的描述信息figcaption>

figure>

总结：

有了新的结构性的标签的标准，让HTML文档更加清晰，可阅读性更强，更利于SEO，也更利于视障人士阅读。

HTML5旋风来了，你准备好了吗？

当然以上只是笔者的观点，每个人都有阅读新技术的角度，欢迎大家转载讨论。

参考书：《HTML5与CSS3权威指南》

参考网址：

http://www.alistapart.com/articles/previewofhtml5

http://coding.smashingmagazine.com/2009/07/16/html5-and-the-future-of-the-web/

http://www.w3school.com.cn

http://zh.wikipedia.org/wiki/HTML5

http://www.rainleaves.com/html/1338.html

Html5 学习系列（二）HTML5新增结构标签

引言

HTML5时代的召唤

HTML4与HTML5的区别

HTML5的新结构标签

-

你可能感兴趣的:(Html5 学习系列（二）HTML5新增结构标签)