介绍了在HTML5中具体新增了哪些结构元素，以及这些元素的定义和使用方法。

接下来看一下在HTML5中进行总体页面布局的时候，具体应该怎样运用这些结构元素。

大纲

通过使用新的结构元素，HTML5的文档结构比大量使用div元素的HTML 4的文档结构更加清晰明确。

如果再规划好文档结构的大纲，就可以创建出对于阅读者或屏幕阅读程序来说，都很清晰易读的文档结构。

所谓大纲，简单来说就是文档中各内容区块的结构编排。

内容区块可以使用标题元素（hl~h6）来展示各级内容区块的标题。

综合运用各级内容区块的标题创建好文档的目录后，该目录就成为一个大纲了。

关于内容区块的编排，可以分为“显示编排”与“隐式编排”两种方式。

显式编排

显式编排是指明确使用section等元素创建文档结构，在每个内容区块内使用标题（h1~h6、hgroup等），显式编排内容区块的代码如下。

网页内容区块的标题

网页内容区块的正文

section 内容区块的标题

section 内容区块的正文

隐式编排

隐式编排是指不明确使用section等元素，而是根据页面中所书写的各级标题（h1~h6、hgroup等）

把内容区块自动创建出来。因为HTML5分析器只要看到书写了某个级别的标题，

就会判断存在相对应的内容区块。隐式编排内容区块的代码如下。

网页内容区块的正文

section 内容区块的正文

两种编排方式进行对比，很明显，显式编排更加清晰、易读。