网页编排规则
2016-12-27 17:43
246 查看
转载自:网页编排规则
所谓大纲,简单来说就是文档中各内容区块的结构编排。可以分为显式编排和隐式编排2种方式。
显式编排:明确使用section元素创建文档结构,在每个内容区块内使用标题
隐式编排:不明确使用section等元素,根据页面中所书写的各级标题等把内容区块自动创建出来。
隐式编排容易让自动生成的整个文档结构和想要的文档结构不一样,而且也容易引起文档结构的混乱,因此需要尽量使用显示编排。
不同的内容区块可以使用相同级别的标题。
HTML5结构---大纲编排的结构
1.显示编排内容区域块,明确使用section等元素创建文档结构
2.隐式编排内容区域块,不明确使用,更具需求
3.标题分级,下级区域块&新区域块
4.不同区域块可以使用相同级别的标题
标题分级
不同的标题有不同的级别,h1的级别最高,h6的级别最低。隐式编排时按如下规则自动生成内容区块:
如果新出现的标题比上一个标题级别低,生成下级内容区块。
如果新出现的标题比上一个标题级别高或级别相等,生成新的内容区块。
不同的内容区块可以使用相同级别的标题
另外,不同的内容区块可以使用相同级别的标题。例如,父内容区块与子内容区块可以使用相同级别的标题h1。这样做的好处是:每个级别的标题都可以单独设计,如果既需要“整个网页的标题”,又需要“文章的标题”(譬如书写文档时),这样做将会带来很大的便利性.
所谓大纲,简单来说就是文档中各内容区块的结构编排。可以分为显式编排和隐式编排2种方式。
显式编排:明确使用section元素创建文档结构,在每个内容区块内使用标题
隐式编排:不明确使用section等元素,根据页面中所书写的各级标题等把内容区块自动创建出来。
隐式编排容易让自动生成的整个文档结构和想要的文档结构不一样,而且也容易引起文档结构的混乱,因此需要尽量使用显示编排。
不同的内容区块可以使用相同级别的标题。
HTML5结构---大纲编排的结构
1.显示编排内容区域块,明确使用section等元素创建文档结构
2.隐式编排内容区域块,不明确使用,更具需求
3.标题分级,下级区域块&新区域块
4.不同区域块可以使用相同级别的标题
标题分级
不同的标题有不同的级别,h1的级别最高,h6的级别最低。隐式编排时按如下规则自动生成内容区块:
如果新出现的标题比上一个标题级别低,生成下级内容区块。
如果新出现的标题比上一个标题级别高或级别相等,生成新的内容区块。
不同的内容区块可以使用相同级别的标题
另外,不同的内容区块可以使用相同级别的标题。例如,父内容区块与子内容区块可以使用相同级别的标题h1。这样做的好处是:每个级别的标题都可以单独设计,如果既需要“整个网页的标题”,又需要“文章的标题”(譬如书写文档时),这样做将会带来很大的便利性.
相关文章推荐
- 网页编排规则
- 网页布局常用的一些命名规则和书写
- 网页爬虫之58同城房屋出租信息的采集规则配置方法
- 网页开发中命名规则参考
- 网页命名规则
- 网页切图过程中div+css命名规则
- 雅虎 高性能网页开发新20条规则详解
- 网页设计的常用尺寸和网页常用广告宽高的规则
- Dreamweaver CSs网页设计css规则定义翻译
- XHTML(DIV+CSS)布局网页时,CSS文件定义规则
- 网页中二维码识别规则
- 高性能网页开发的新20条规则
- 高性能网页开发新20条规则详解
- 高性能网页开发规则
- 网页设计师须知的SEO技巧分析以及网站整体的优化规则
- 常规网页设计的尺寸和网页广告的规则
- 高性能网页开发新20条规则详解
- 建站DIV+CSS 之网页切图过程中div+css命名规则
- 有利于SEO的网页布局的ID/Class命名规则
- 网页设计-----DIV+CSS规则