3.4 分级标题

3.4 分级标题

HTML提供了6级标题用于创建页面信息的层级关系。使用h1~h6元素对标题进行标记,其中h1是最高级别的标题,h2是h1的子标题,h3是h2的子标题,依此类推。标题是页面中最重要的HTML元素之一。

为了理解h1~h6标题,可以将它们与论文、报告、新闻稿等非HTML文档里的标题进行类比,例如本章的标题“第3章HTML5的基本结构”就是一级标题,“3.1 HTML标记”就是二级标题,“3.1.1元素”就是三级标题,相当于HTML文档中的h1、h2、h3标题。

所有的标题都默认以粗体显示,h1标题的字号最大,h6标题的字号最小,中间逐层递减,如图3-8所示。

图3-8 h1~h6标题

h1~h6标题对页面大纲的定义有重要的影响,通常,浏览器会从h1到h6逐级减小标题的字号,但是要注意,应该依据内容所处的层次关系选择标题级数,而不是根据希望文字显示的大小去选择。这样做能让页面具有较高的语义化程度,提升SEO效果和可访问性。如果希望更改标题的字体、字号、颜色等样式,可以在CSS中实现,这会在后面章节介绍。

有时,一个标题有多个连续的层级,例如带有子标题的新闻页面、有多条标题的广告词等。这时将它们放进hgroup元素中可以指明它们是相关的。每个hgroup元素都包含两个或两个以上的h1~h6标题,不能放入其他元素,也不能仅包含一个标题,例如: