1 / 6
文档名称:

html5学习笔记简明版(3):新元素之hgroup,header,footer,address,nav.docx

格式:docx   大小:20KB   页数:6页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

html5学习笔记简明版(3):新元素之hgroup,header,footer,address,nav.docx

上传人:wxc6688 2018/8/5 文件大小:20 KB

下载得到文件列表

html5学习笔记简明版(3):新元素之hgroup,header,footer,address,nav.docx

相关文档

文档介绍

文档介绍: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