
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.1.1 标题元素h1~h6
<h1>~<h6>元素用于定义标题(heading)。其中,<h1>定义最大的标题,<h6>定义最小的标题。由于<h>元素具有明确的语义,因此在开发过程中需要选择适当的标签层级来构建文档的结构。通常,<h1>定义最顶层的标题,<h2>、<h3>和<h4>定义较低层级的标题,<h5>和<h6>由于在文档层级关系中的位置较低,字号相当小,所以使用较少。通过设置不同大小的标题,可以增加文章的条理性。标题元素的格式为:

其中,n指定标题文字的层级,n可以取1~6之间的整数值。
【例2-1】HTML中的各级标题示例。本例文件2-1.html的代码如下,在浏览器中显示的效果如图2-1所示。


图2-1 标题示例显示
在HTML5中,推荐使用CSS来设置h1~h6元素的样式和属性。这是因为CSS提供了更大的灵活性,能更好地控制元素的展示效果。