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

HTML5学习笔记简明版（3）：新元素之hgroup,header,footer,address,navhgroup 标签用于对网页或区段（section）的标题进行组合。 Welcome to my WWF For a living planetThe rest of the content.headerheader元素是一种具有引导和导航作用的辅助元素。通常，header元素可以包含一个区块的标题(如h1至h6，或者hgroup元素标签)，但也可以包含其他内容，例如数据表格、搜索表单或相关的logo图片。我们可以使用该元素来写整个页面的标题部分： The most important heading on this page同一个页面中，每一个内容区块都可以有自己的元素，例如： The most important heading on this page Title of this article .Lorem Ipsum dolor set amet.元素通常包含一个标题标签(h1至h6)或是hgroup。另外，也可以包含其他内容，例如数据表格、搜索表单或相关的logo图片；根据最新的W3C HTML5规范更新，元素标签也可以在中使用。footerfooter元素可以作为其直接父级内容区块或是一个根区块的结尾。footer通常包括其相关区块的附加信息，如作者、相关阅读链接以及版权信息等。过去(及目前)，我们通常使用类似下面这样的代码来写页面的页脚： copyright sitemap contact to top 在HTML5中，我们可以不使用div，而用更加语义化的footer来写： copyright sitemap contact to top 在同一个页面中可以使用多个元素，即可以用作页面整体的页脚，也可以作为一个内容区块的结尾，例如，我们可以将直接写在或是中： Section content appears here. Footer information for section. Article content appears here. Footer information for article. addressaddress元素用来在文档中呈现联系信息，包括文档创建者的名字、站点链接、电子邮箱、真实地址、电话号码等；address不只是用来呈现电子邮箱或真实地址这样的“地址”概念，而应该包括与文档创建人相关的各类联系方式信息。根据以上定义，我们可以使用下面的代码来展示一些志愿者的名字及主页链接：The HTML5 Doctor is run by the following group of volunteers: Jack Osborne, Rich Clark, Mike Robinson,下面是另一个范例，同时还使用到了及 元素： by Jack Osborne on November 4th, 2009 如果我们确实需要在页面中显示某些与当前文档创建者联系方式无关的联系人信息，那么可以使用hCard微格式： Dr. Jack Osborne HTML5 Hospital Doctorville Postal Code Great Britain +44 (0)XXXX XXXXXXnavnav元素是一个可以用来作为页面导航的链接组；其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要被放进元素；例如，在页脚中通常会有一组链接，包括服务条款、首页、版权声明等；这时使用元素是最恰当的，而不需要元素。一直以来，我们都习惯用如下这种方式来定义导航条： Home About Blog 下面是W3C给出的一个代码示例： The Wiki Center Of Exampland Home Current Events .more. Demos in Exampland Written by A. N. Other. Public demonstrations Demolitions .more. Public demonstrations