与CSS3网页设计要的HTML元素
为了理解hl一h6标题,可以将它们与论文、报告、新闻稿等非HTML文档里的标题进行类比,例如本章的标题“第3章HTM L5的基本结构“就是一级标题,"3.1 HTML标记”就是二级标题,"3.1.1元素”就是三级标题,相当于HTML文档中的hl,h2,h3。
所有的标题都默认以粗体显示,hl的字号最大,h6的字号最小,中间逐层递减,如图3-8所示。
hl一h6标题对页面大纲的定义有重要的影响。通常,浏览器会从hl到h6逐级减小标题的字号,但是要注意,应该依据内容所处的层次关系选择标题级数,而不是根据希望文字显示的大小去选择。
这样做能让页面具有较高的语义化程度,提升SEO效果和可访问性。如果希望更改标题的字体、字号、颜色等样式,可以在CSS中实现,这个会在后面章节中介绍。
有时,一个标题有多个连续的层级.例如带有子标题的新闻页面、有多条标题的广告词等。这时将它们放进hgroup元素中可以指明它们是相关的。每个hgroup都包含两个或两个以上的hl-h6标题,不能放入其他元素,也不能仅仅只包含一个标题,例如:
<body>
<hgroup>
<hl>新闻主标题</hl>
< h2>新闻副标题</h2 >
</hgroup>
<p>文章其他内容</p>
</body>