文档介绍:HTML5学****笔记简明版(3):新元素之hgroup,header,footer,address,nav
 
hgroup
<hgroup> 标签用于对网页或区段(section)的标题进行组合。
<hgroup>
  <h1>e to my WWF</h1>
  <h2>For a living </h2>
</hgroup>
 
<p>The rest of the content...</p>
 
 
header
header元素是一种具有引导和导航作用的辅助元素。通常,header元素可以包含一个区块的标题(如h1至h6,或者hgroup元素标签),但也可以包含其他内容,例如数据表格、搜索表单或相关的logo图片。
我们可以使用该元素来写整个页面的标题部分:
<header>
    <h1>The most important heading on this page</h1>
</header>
 
 
同一个页面中,每一个内容区块都可以有自己的<header>元素,例如:
<header>
  <h1>The most important heading on this page</h1>
</header>
 
<article>
  <header>  
    <h1>Title of this article</h1>
  </header>
  <p>...Lorem Ipsum dolor set amet...</p>
</article>
 
 
<header>元素通常包含一个标题标签(h1至h6)或是hgroup。另外,也可以包含其他内容,例如数据表格、搜索表单或相关的logo图片;根据最新的W3C HTML5规范更新,<nav>元素标签也可以在<header>中使用。
footer
footer元素可以作为其直接父级内容区块或是一个根区块的结尾。footer通常包括其相关区块的附加信息,如作者、相关阅读链接以及版权信息等。
过去(及目前),我们通常使用类似下面这样的代码来写页面的页脚:
<div id="footer">
  <ul>
     <li>copyright</li>
     <li>sitemap</li>
     <li>contact</li>
     <li>to top</li>
  </ul>
<div>
 
 
在HTML5中,我们可以不使用div,而用更加语义化的footer来写:
<footer>
  <ul>
     <li>copyright</li>
     <li>sitemap</li>
     <li>contact</li>
     <li>to top</li>
  </ul>
</footer>
 
 
在同一个页面中可以使用多个<footer>元素,即可以用作页面整体的页脚,也可以作为一个内容区块的结尾,例如,我们可以将<footer>直接写在<section>或是<article>中:
<section>
   Section content appears here.
   <footer>
      Footer in