我是靠谱客的博主 玩命航空,最近开发中收集的这篇文章主要介绍网页编排规则,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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

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

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

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

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

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

 标题分级

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

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

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

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

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

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

最后

以上就是玩命航空为你收集整理的网页编排规则的全部内容,希望文章能够帮你解决网页编排规则所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(53)

评论列表共有 0 条评论

立即
投稿
返回
顶部