![网页设计与制作教程:Web前端开发(第7版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/945/50604945/b_50604945.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.1.1 标题元素h1~h6
<h1>~<h6>元素用于定义标题(heading)。其中,<h1>定义最大的标题,<h6>定义最小的标题。由于<h>元素具有明确的语义,因此在开发过程中需要选择适当的标签层级来构建文档的结构。通常,<h1>定义最顶层的标题,<h2>、<h3>和<h4>定义较低层级的标题,<h5>和<h6>由于在文档层级关系中的位置较低,字号相当小,所以使用较少。通过设置不同大小的标题,可以增加文章的条理性。标题元素的格式为:
![](https://epubservercos.yuewen.com/853F7D/29810394404576006/epubprivate/OEBPS/Images/24_02.jpg?sign=1738889983-X7Hl9GVUknfhqnlVKieXmd3j2dw3dIQd-0-f15a7b0234dde938725a7f06b4d081cf)
其中,n指定标题文字的层级,n可以取1~6之间的整数值。
【例2-1】HTML中的各级标题示例。本例文件2-1.html的代码如下,在浏览器中显示的效果如图2-1所示。
![](https://epubservercos.yuewen.com/853F7D/29810394404576006/epubprivate/OEBPS/Images/24_03.jpg?sign=1738889983-HeVXBhm5p0KGU0XHBe6fIOoeVIgNqwXh-0-ea37d3ced108ee12ea9c0cbb500994ab)
![](https://epubservercos.yuewen.com/853F7D/29810394404576006/epubprivate/OEBPS/Images/24_04.jpg?sign=1738889983-2LcoZ2d93RnxfI8ZW9AY5q9ldTRtIhUf-0-17979a00f30debde9431833f31473b96)
图2-1 标题示例显示
在HTML5中,推荐使用CSS来设置h1~h6元素的样式和属性。这是因为CSS提供了更大的灵活性,能更好地控制元素的展示效果。