首页 > Web开发 > 详细

html5中的网页结构

时间:2018-05-03 12:38:38      阅读:237      评论:0      收藏:0      [点我收藏+]

一、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、不同内容区块可以使用相同级别的标题

父内容区块与子内容区块可以使用相同级别的标题

html5中的网页结构

原文:https://www.cnblogs.com/LLMjiayou7/p/8984695.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!