网页编排规则

转载自:网页编排规则

所谓大纲，简单来说就是文档中各内容区块的结构编排。可以分为显式编排和隐式编排2种方式。

显式编排：明确使用section元素创建文档结构，在每个内容区块内使用标题

隐式编排：不明确使用section等元素，根据页面中所书写的各级标题等把内容区块自动创建出来。

隐式编排容易让自动生成的整个文档结构和想要的文档结构不一样，而且也容易引起文档结构的混乱，因此需要尽量使用显示编排。

不同的内容区块可以使用相同级别的标题。

HTML5结构---大纲编排的结构
1.显示编排内容区域块，明确使用section等元素创建文档结构
2.隐式编排内容区域块，不明确使用，更具需求
3.标题分级，下级区域块&新区域块
4.不同区域块可以使用相同级别的标题

 标题分级

不同的标题有不同的级别，h1的级别最高，h6的级别最低。隐式编排时按如下规则自动生成内容区块：

如果新出现的标题比上一个标题级别低，生成下级内容区块。

如果新出现的标题比上一个标题级别高或级别相等，生成新的内容区块。

不同的内容区块可以使用相同级别的标题

另外，不同的内容区块可以使用相同级别的标题。例如，父内容区块与子内容区块可以使用相同级别的标题h1。这样做的好处是：每个级别的标题都可以单独设计，如果既需要“整个网页的标题”，又需要“文章的标题”（譬如书写文档时），这样做将会带来很大的便利性.