HTML5的结构01

143 阅读2分钟

在HTML5对HTML4所做的各种修改中

一个比较重大的修改就是为了使文档结构更加清晰、容易阅读,增加了很多新的结构元素。

新增的主体结构元素

在HTML5中,为了使文档的结构更加清晰明确

追加了几个与页眉、页脚、内容区块等文档结构相关联的结构元素。

article元素

article元素表示文档、页面、应用程序或站点中的自包含成分所构成的一个页面的一部分,

并且这部分专用于独立地分类或复用,例如聚合。

一个博客帖子、一个教程、一个新的故事、视频及其脚本,都很好地符合这一定义。

除了内容部分,一个article元素通常有它自己的标题(通常放在一个header元素里面),有时还有自己的脚注。

section元素

section元素代表文档或应用程序中一般性的“段”或者“节”。“段”

在这里的上下文中,指的是对内容按照主题的分组,通常还附带标题。

例如,书本的章节,带标签页的对话框的每个标签页,或者一篇论文的编节号。

网站的主页也可以分为不同的节,如介绍、新闻列表和联系信息。

一个section元素通常由内容及其标题组成。但section元素并非一个普通的容器元素;

当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div而非section元素。

section元素的作用是对页面上的内容进行分块,

或者说对文章进行分段,但是不要与article混淆,因为article是有着自己完整、独立的内容。

nav元素

nav元素用来构建导航。导航定义为一个页面中

(例如,一篇文章顶端的一个目录,它可以链接到同一页面的锚点)

或一个站点内的链接。但是,并不是链接的每一个集合都是一个nav,

只需要将主要的、基本的链接组放进nav元素即可。

例如,在页脚中通常会有一组链接,包括服务条款、版权声明、联系方式等。

对于这些footer元素就足够放置了。一个页面中可以拥有多个nav元素,作为页面整体或不同部分的导航。

nav元素的内容可能是链接的一个列表,标记为一个无序的列表,

或者是一个有序的列表,这里需要注意的是nav元素是一个包装器,

它不会替代