文档介绍：教学内容:在HTML5的新特性中,新增的结构元素主要功能就是解决之前在HTML4中Div漫天飞舞的情况,增强网页内容的语义性,这对搜索引擎而言,将更好识别和组织索引内容。合理地使用这种结构元素,将极大地提高搜索结果的准确度和体验。新增的结构元素,从代码上看,很容易看出主要是消除Div,即增强语义,强调HTML的语义化。
第10章 HTML5的结构
教学重点
新增的主体结构元素
新增的非主体结构元素
新增的主体结构元素
在HTML 5中,为了使文档的结构更加清晰明确,容易阅读,增加了很多新的结构元素,如页眉、页脚、内容区块等结构元素。
article元素可以包含独立的内容项,可以包含一个论坛帖子、一篇杂志文章、一篇博客文章、用户评论等。这个元素可以将信息各部分进行任意分组,而不论信息原来的性质。
article元素
section元素用于对网站或应用程序中页面上的内容进行分块。一个section元素通常由内容及其标题组成。但section元素也并非一个普通的容器元素,当一个容器需要被重新定义样式或者定义脚本行为的时候,还是推荐使用Div控制。
section元素
nav元素在HTML5中用于包裹一个导航链接组,用于说明这是一个导航组,在同一个页面中可以同时存在多个nav。
nav元素
header元素
header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,header内也可以包含其他内容,例如表格、表单或相关的Logo图片。
header元素
header元素位于正文开头,可以在这些元素中添加<h1>标签,用于显示标题。基本上,<h1>标签已经足够用于创建文档各部分的标题行。但是,有时候还需要添加副标题或其他信息,以说明网页或各节的内容。