标签：html bsp targe line htm 可视化 方式 规则 html5
一、html5中的大纲
在html5中，使用各种结构元素所描述出来的整个网页的层次结构，就是该网页的大纲。因此在组织这份大纲的时候，不能使用div元素，因为div元素只能当做容器，用在需要对网页中某个局部使用整体样式时。http://gsnedders.html5.org/outliner/网站中有一个文档大纲分析器，可以将文档大纲以可视化的形式展示出来。“Untitled Section”表示缺乏标题
二、大纲的编排规则
关于内容区块的编排，可以分为显示编排与隐式编排两种方式。
1、显示编排内容区块是指明确使用section等元素创建文档结构，在每个文档区块内使用标题好（h1~h6、hgroup等）
2、隐式编排内容区块是指不明确使用section元素，而是根据页面中所书写的各级标题等自动创建各级内容区块。因为html5中分析器只要看到书写了某个级别的标题，就会判断存在相对应的内容区块。
3、 标题分级规则：不同标题之间是有级别的，h1级别最高，h6级别最低，
（1）如果新出现的标题比上一个标题级别低，生成下级内容区块
（2）如果新出现的标题比上一个标题级别高或相等，生成新的内容区块
4、不同内容区块可以使用相同级别的标题
父内容区块与子内容区块可以使用相同级别的标题
标签：html bsp targe line htm 可视化 方式 规则 html5
原文地址：https://www.cnblogs.com/LLMjiayou7/p/8984695.html
