第3章 HTML 5的结构
3.1 新增的主体结构元素
3.2 新增的非主体结构元素
3.3 HTML 5结构
在HTML 5对HTML 4所做的各种修改中,一个比较重大的修改就是为了使文档结构更加清晰明确,容易阅读,增加了很多新的结构元素。本章将详细介绍这些新增的结构元素,包括它们的定义、使用方法以及使用示例,最后再介绍一下在HTML 5中,究竟怎样将这些新增的结构元素结合起来综合使用。
学习内容:
掌握HTML 5中新增的主体结构元素的定义、使用方法,以及使用场合。新增的主体结构元素包括article元素、section元素、nav元素及aside元素。
掌握HTML 5中新增的非主体结构元素的定义、使用方法,以及使用场合。新增的非主体结构元素包括header元素、hgroup元素、footer元素及address元素。
掌握HTML 5中应该怎样结合运用这些新增结构元素来合理编排页面总体布局,掌握什么是显式编排,什么是隐式编排,HTML 5分析器是按什么原则来分析页面结构的,以及怎样对这些新增元素使用CSS样式。
3.1 新增的主体结构元素
在HTML 5中,为了使文档的结构更加清晰明确,追加了几个与页眉、页脚、内容区块等文档结构相关联的结构元素。需要说明的是,本章所讲的内容区块是指将HTML页面按逻辑进行分割后的单位。例如对于书籍来说,章、节都可以称为内容区块;对于博客网站来说,导航菜单、文章正文、文章的评论等每一个部分都可称为内容区块。
接下来将详细讲解HTML 5中在页面的主体结构方面新增加的结构元素。