网上教学
网络营销培训专家新川教育
   著名实战网络营销课程培训机构.
本校电商部业务:网站建设、SEO介绍
网络营销,淘宝培训课程优惠
内容区块的编排方式《HTML5系列教程12》

来源:新川教育 阅读数:2289
添加时间:2017-4-15   类别:网页设计教程

内容区块的编排方式《HTML5系列教程12》

    在前面一系列的文章中我们已经学习HTML5中的局部成员,这些成员包括元素、属性、新增的主体结构和非主体结构元素,在本篇中,我们将介绍内容区块的编排方式及文档的大纲结构。


1.内容区块的编排方式

    内容区块的编排方式我们可以分为两种,这两种编排方式叫做“隐式编排”和“显式编排”。

1.显式编排

    显式编排使用主体结构元素创建文档结构,并配合内容区块使用标题元素,这样浏览器可以明确地显示文档大纲,代码示例如下图

HTML5显式编排示例

2.隐式编排

    隐式编排仅使用标题元素创建文档,浏览器通过对标题元素的解析来区分内容区块,不同等级的标题元素对应不同的内容区块,代码示例如下图:

HTML5隐式编排示例

2.标题分级

    标题元素可分为6级,h1的级别最高,h6最次。每一个标题元素都对应一个内容区块,在隐式编排中,根据标题元素级别从高到次,自动生成下级内容区块,如果新的标题元素级别等于或高于上一个标题,则生成新的内容区块。

    还有一点,在嵌套使用的文档结构中,不同的内容区块可以使用相同级别的标题,示例代码如下:

HTML5标题分级示例

3.文档结构大纲

    一个好的文档结构大纲,可以让整篇文章的结构显得非常清晰,这样不仅可以使用阅读者对文章的结构一目了然,而且对于屏幕阅读器来说,能够更好的解读文档结构。

    在HTML4中,开发人员往往会使用大量的div元素来展现文档的结构大纲,力图做到清晰明了,而在HTML5中,使用新的结构元素就可以达到这样的效果。在编排文档结构大纲时,可以使用标题元素(h1~h6)来展示各个级别的内容区块标题。

    在本篇中,我们了解了内容区块的编排方式及文档的大纲结构和标题的分级。观看更多网页设计精彩文章,请添加我们的官方微信:pyyuanxing。谢谢大家的观看,祝各位身体健康、生活愉快。

      友情链接

  1. 办公文秘
  2. 美术培训
  3. SEM培训
  4. UI设计
  5. PS图片处理
  6. 营销就业班
  7. 跨境电商
  8. 微信营销
  1. 开班信息
  2. 教学优势
  3. 师资介绍
  4. 资料下载
  5. 工作推荐
  6. 学员作品
  7. 学校图片
  8. 视频营销

地址: 广州市番禺区市桥街桥东路63号银座中心7楼全层(番禺中医院旁边,百德中心斜对面)   
电话: 020-84829690   咨询QQ:522961923  点击这里给我发消息 
咨询微信:18926224142     微信公众号:新川教育
Copyright 2005-2020广州新川教育 All rights reserved.粤ICP备11014454号-6

粤公网安备 44011302001949号 site map