在HTML5对HTML4所做的各种修改中,
一个比较重大的修改就是为了使文档结构更加清晰、容易阅读,增加了很多新的结构元素。
1 新增的主体结构元素
在HTML5中,为了使文档的结构更加清晰明确,追加了几个与页眉、页脚、内容区块等文档结构相关联的结构元素。接下来将详细讲解HTML5在页面的主体结构方面新增加的结构元素。
article元素
article元素表示文档、页面、应用程序或站点中的自包含成分所构成的一个页面的一部分,并且这部分专用于独立地分类或复用,例如聚合。一个博客帖子、一个教程、一个新的故事、视频及其脚本,都很好地符合这一定义。
section元素
section元素代表文档或应用程序中一般性的“段”或者“节”。“段”在这里的上下文中,指的是对内容按照主题的分组,通常还附带标题。
nav元素
nav元素用来构建导航。导航定义为一个页面中(例如,一篇文章顶端的一个目录,它可以链接到同一页面的锚点)或一个站点内的链接。
aside元素
aside元素表示由与aside元素周围的内容无关的内容所组成的一个页面的一节,也可以认为该内容与aside周围的内容是分开独立的。
time元素
time是一个新元素,用于明确地对机器的日期和时间进行编码,并且以让人易读的方式来展现它。
pubdate属性
pubdate是一个布尔属性,用来表示这个特定的<time>是一篇<article>或整个<body>内容的发布日期。
2 新增的非主体结构元素
除了以上几个主要的结构元素之外,HTML5内还增加了一些表示逻辑结构或附加信息的非主体结构元素。
下面来分别介绍一下:
header元素
header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但也可以包含其内容,例如搜索表单或相关的logo图片。
hgroup元素
hgroup元素是将标题及其子标题进行分组的元素。
footer元素
footer元素可以作为其父级内容区块或是一个根区块的脚注。footer通常包括其相关区块的脚注信息,如作者、相关阅读链接及版权信息等。
address元素
address用于当前的<article>或文档的作者的详细联系方式,但不是用于邮政地址的一个通用性元素。联络细节可以是Email地址、邮政地址或者任何其他形式。