1. <time>

2. <header>&<footer>

3. <article>表示一个完整的、自成一体的内容块，比如博客文字或新闻报道
4. <hgroup>标注副标题

<header>
    <hgroup>
        <h1>主标题</h1>
        <h2>副标题</h2>
    </hgroup>
    <p class="byLine">by Tangyao</p>       <!--当存在主标题、副标题还有其他的内容时，可采用这种结构，此时副标题不会影响生成文档纲要-->
</header>

5. <figure>添加插图 <figcaption>为图题

6. <aside>添加附注，表示与周围的文本没有密切关系的内容，可介绍一个相关的话题或者是解释主文档中的某个观点，插播广告也可以啊

1.对大多数的以前的浏览器会把不认识的元素当成内联元素，因此显示的时候会挤到一起，需要使用下面的超级规则

article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary{

    display:block;

}

2.但是还有恶心的IE8及更早的版本，它们拒绝给不认识的元素添加样式。。。

可以使用脚本创建新元素   <script> document.createElement('header')</script>  

实际上已经有人写好了的，直接使用就可以了。在head标签中引用js库<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

js下载：http://remysharp.com/2009/01/07/html5-enabling-script/

如何使用：https://github.com/aFarkas/html5shiv/

<header>用来标注内容的标题或者是标注网页的页眉。一般<header>元素中都需要有<h1>标签，如果是图片表示页眉，也最好加一个隐藏的<h1>标题

 对应的元素布局是：

官方规定<footer>标签只放置一些版权信息、作品来源、法律限制等链接，但是实际应用这样貌似有点不合情理。当前可以使用在一个<div id="fatFooter">……<footer>XXX</footer></div>这种方式来处理

<section> 可防止与主体内容并列显示的小内容块，还有不能用<article>来描述的独立性内容等。可是需要考虑的是这个元素会影响网页的纲要。因此它是应该最后考虑的语义元素

在线HTML纲要生成器   http://gsnedders.html5.org/outliner/

chrome拓展  https://code.google.com/p/h5o/

检测下学习元首页的网页纲要：