在HTML5对HTML4所做的各种修改中
一个比较重大的修改就是为了使文档结构更加清晰、容易阅读,增加了很多新的结构元素。
新增的主体结构元素
在HTML5中,为了使文档的结构更加清晰明确
追加了几个与页眉、页脚、内容区块等文档结构相关联的结构元素。
article元素
article元素表示文档、页面、应用程序或站点中的自包含成分所构成的一个页面的一部分,
并且这部分专用于独立地分类或复用,例如聚合。
一个博客帖子、一个教程、一个新的故事、视频及其脚本,都很好地符合这一定义。
除了内容部分,一个article元素通常有它自己的标题(通常放在一个header元素里面),有时还有自己的脚注。
section元素
section元素代表文档或应用程序中一般性的“段”或者“节”。“段”
在这里的上下文中,指的是对内容按照主题的分组,通常还附带标题。
例如,书本的章节,带标签页的对话框的每个标签页,或者一篇论文的编节号。
网站的主页也可以分为不同的节,如介绍、新闻列表和联系信息。
一个section元素通常由内容及其标题组成。但section元素并非一个普通的容器元素;
当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div而非section元素。
section元素的作用是对页面上的内容进行分块,
或者说对文章进行分段,但是不要与article混淆,因为article是有着自己完整、独立的内容。
nav元素
nav元素用来构建导航。导航定义为一个页面中
(例如,一篇文章顶端的一个目录,它可以链接到同一页面的锚点)
或一个站点内的链接。但是,并不是链接的每一个集合都是一个nav,
只需要将主要的、基本的链接组放进nav元素即可。
例如,在页脚中通常会有一组链接,包括服务条款、版权声明、联系方式等。
对于这些footer元素就足够放置了。一个页面中可以拥有多个nav元素,作为页面整体或不同部分的导航。
nav元素的内容可能是链接的一个列表,标记为一个无序的列表,
或者是一个有序的列表,这里需要注意的是nav元素是一个包装器,
它不会替代
- 或
- 元素,但是会包围它。通过这种方式,
不能理解该元素的旧版本浏览器将会显示列表元素和列表项,并且显示效果完全正常