课程免费试听
网络营销培训专家:新川教育
   著名网络营销培训、淘宝电商培训机构.
网络营销,淘宝培训课程优惠
内容区块的编排方式《HTML5系列教程12》

来源:新川教育 阅读数:1218
添加时间: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. 营销就业班
  4. 资料下载
  5. 学员作品
  6. 学校图片
  7. 联系方式
  8. site map

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