3.5　HTML5页面的构成

图3-9所示的网页结构随处可见，抛开内容不谈，可以看到该页面有4个主要部分：带导航的页眉、显示在主体内容区域的文章、显示次要信息的侧边栏以及页脚，如图3-10所示。

图3-9　随处可见的网页结构

图3-10　页面的组成部分

在HTML5中，为了使文档的结构更加清晰，语义更加明确，新增了几个与页眉、页脚、内容区块等文档结构相关联的结构元素。这里所讲的内容区块是指将HTML页面按逻辑进行分割后的单位，而不是按布局位置划分。例如对于书籍来说，章、节都可以成为内容区块；对于博客网站来说，导航菜单、文章正文、文章的评论等每一部分都可成为内容区块。本节按照从页面顶端向下的顺序，依次讲解用header、nav、article、section、aside和footer元素定义页面的结构，以及用以添加额外样式信息或实现其他目的的通用容器div。

在本节所举的例子会提前涉及其他一些元素，如ul（无序列表）和a（超链接），以及使用CSS对文字进行格式化、进行页面布局等，这些内容分别会在第5章～第9章中详细介绍。