![网页设计与制作教程: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=1739288373-QF1lKWss46MCKfo89O3DnvHlqCZIl7Vt-0-e1165b3f6f513044a44ea5bb3a99f5c9)
其中,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=1739288373-9TITpqZ4iuBt772MuRQYejjNHyxvddkB-0-eec546fd12d1161b045910e0d0229f8a)
![](https://epubservercos.yuewen.com/853F7D/29810394404576006/epubprivate/OEBPS/Images/24_04.jpg?sign=1739288373-AnhYOdIbpkYHEOJNlsp2XK0jVv6zVB0S-0-9fbb0915bd75d36231629be72fc0b7d9)
图2-1 标题示例显示
在HTML5中,推荐使用CSS来设置h1~h6元素的样式和属性。这是因为CSS提供了更大的灵活性,能更好地控制元素的展示效果。