HTML5学习笔记简明版（3）新元素之hgroup,header,footer,address,nav.docx

HTML5学习笔记简明版（3）：新元素之hgroup,header,footer,address,nav ? hgroup hgroup 标签用于对网页或区段（section）的标题进行组合。 hgroup ? h1Welcome to my WWF/h1 ? h2For a living planet/h2 /hgroup ? pThe rest of the content.../p ? ? header header元素是一种具有引导和导航作用的辅助元素。通常，header元素可以包含一个区块的标题(如h1至h6，或者hgroup元素标签)，但也可以包含其他内容，例如数据表格、搜索表单或相关的logo图片。 我们可以使用该元素来写整个页面的标题部分： header ??? h1The most important heading on this page/h1 /header ? ? 同一个页面中，每一个内容区块都可以有自己的header元素，例如： header ? h1The most important heading on this page/h1 /header ? article ? header?? ??? h1Title 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 ???? licopyright/li ???? lisitemap/li ???? licontact/li ???? lito top/li ? /ul div ? ? 在HTML5中，我们可以不使用div，而用更加语义化的footer来写： footer ? ul ???? licopyright/li ???? lisitemap/li ???? licontact/li ???? lito top/li ? /ul /footer ? ? 在同一个页面中可以使用多个footer元素，即可以用作页面整体的页脚，也可以作为一个内容区块的结尾，例如，我们可以将footer直接写在section或是article中： section ?? Section content appears here. ?? footer ????? Footer information for section. ?? /footer /section ? article ?? Article content appears here. ?? footer ????? Footer information for article. ?? /footer /article ? ? address address元素用来在文档中呈现联系信息，包括文档创建者的名字、站点链接、电子邮箱、真实地址、电话号码等；address不只是用来呈现电子邮箱或真实地址这样的“地址”概念，而应该包括与文档创建人相关的各类联系方式信息。 根据以上定义，我们可以使用下面的代码来展示一些志愿者的名字及主页链接： The HTML5 Doctor is run by the following group of volunteers: address ? a href=/author/jackoJack Osborne/a, ? a href=/author/richcRich Clark/a, ? a href=/author/mikerMike Robinson/a, /address ? ? 下面是另一个范例，同时还使用到了footer及time 元素： footer ? div class=vcard by ??? address class=author ????? em class=fna title=Posts by Jack Osborne href=#Jack Osborne/a/em ??? /address on ??? time datetime=2009-11-04 class=published updatedNovember 4th, 2009/time ? /div /foote