内容区块的编排方式《HTML5系列教程12》广州番禺新川教育.

内容区块的编排方式《HTML5系列教程12》

    在前面一系列的文章中我们已经学习HTML5中的局部成员，这些成员包括元素、属性、新增的主体结构和非主体结构元素，在本篇中，我们将介绍内容区块的编排方式及文档的大纲结构。

1.内容区块的编排方式

    内容区块的编排方式我们可以分为两种，这两种编排方式叫做“隐式编排”和“显式编排”。

1.显式编排

    显式编排使用主体结构元素创建文档结构，并配合内容区块使用标题元素，这样浏览器可以明确地显示文档大纲，代码示例如下图

2.隐式编排

    隐式编排仅使用标题元素创建文档，浏览器通过对标题元素的解析来区分内容区块，不同等级的标题元素对应不同的内容区块，代码示例如下图:

2.标题分级

    标题元素可分为6级，h1的级别*，h6最次。每一个标题元素都对应一个内容区块，在隐式编排中，根据标题元素级别从高到次，自动生成下级内容区块，如果新的标题元素级别等于或高于上一个标题，则生成新的内容区块。

    还有一点，在嵌套使用的文档结构中，不同的内容区块可以使用相同级别的标题，示例代码如下:

3.文档结构大纲

    一个好的文档结构大纲，可以让整篇文章的结构显得非常清晰，这样不仅可以使用阅读者对文章的结构一目了然，而且对于屏幕阅读器来说，能够更好的解读文档结构。

    在HTML4中，开发人员往往会使用大量的div元素来展现文档的结构大纲，力图做到清晰明了，而在HTML5中，使用新的结构元素就可以达到这样的效果。在编排文档结构大纲时，可以使用标题元素（h1~h6）来展示各个级别的内容区块标题。

    在本篇中，我们了解了内容区块的编排方式及文档的大纲结构和标题的分级。观看更多网页设计精彩文章，请添加我们的官方微信:pyyuanxing。谢谢大家的观看，祝各位身体健康、生活愉快。

欢迎感兴趣的朋友来校咨询，我们的网址:
也可关注我校公众号:pyyuanxing，也可以添加微信号yx-peixun。
地址:番禺区市桥街桥东路63号银座中心7楼全层