博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
网页编排规则
阅读量:6197 次
发布时间:2019-06-21

本文共 626 字,大约阅读时间需要 2 分钟。

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

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

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

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

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

HTML5结构---大纲编排的结构

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

 标题分级

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

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

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

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

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

转载于:https://www.cnblogs.com/yy-5616/p/5062526.html

你可能感兴趣的文章
【iCore3 双核心板_FPGA】实验十四:FSMC总线通信实验——独立地址模式
查看>>
关于华为x2中的外置SDCard的使用
查看>>
系统管理员必须掌握的20个Linux监控工具
查看>>
Python标准库11 多进程探索 (multiprocessing包)
查看>>
js 数组对象的操作方法
查看>>
[AX]AX2012 AIF(一):概览
查看>>
二叉树非递归遍历
查看>>
深入理解 JBoss 7/WildFly Standalone 模式启动过程
查看>>
【转】学习使用:before和:after伪元素
查看>>
信号处理函数(3)-sigaction() 为信号注册信号捕捉函数
查看>>
javascript面向对象技术基础(三)
查看>>
2014第12周五
查看>>
阿里云serverMySQL无法连接问题解决纪实
查看>>
js 兼容nextSibling
查看>>
程序员幽默:让你笑爆肚皮的自黑段子!
查看>>
千元机自拍新体验,vivo Z3是你会拍照的“男朋友”
查看>>
人工智能到底能有多牛逼?那些让惊掉下巴的黑科技!
查看>>
易观发布《中国大件快递白皮书》德邦快递成为标准制定者
查看>>
OPPO Find X兰博基尼版到底有多受欢迎?网友:就是加价也要买
查看>>
都在讨论“无现金城市”标杆,东北三省表示:你看我们有戏么
查看>>