HTML 标题

什么是 HTML 标题？

HTML 标题是通过 <h1> 到 <h6> 标签定义的。

<h1> 定义最大的标题
<h6> 定义最小的标题

HTML 标题示例

<h1>这是一级标题</h1> 
<h2>这是二级标题</h2> 
<h3>这是三级标题</h3> 
<h4>这是四级标题</h4> 
<h5>这是五级标题</h5> 
<h6>这是六级标题</h6>

HTML 标题的重要性

标题在 HTML 文档中非常重要，它们定义了文档的结构
搜索引擎使用标题来索引网页的内容
用户可以通过标题快速浏览网页内容
一个网页应该只有一个 <h1> 标签，作为页面的主标题

标题的嵌套

标题应该按照层次结构嵌套使用，从 <h1> 开始，然后是 <h2>，依此类推。

<h1>网站标题</h1> 
<h2>章节标题</h2> 
<h3>小节标题</h3> 
<h2>另一章节标题</h2>

标题的样式

默认情况下，浏览器会为标题应用不同的字体大小和粗细。您可以使用 CSS 来自定义标题的样式。

<style> /* 内部样式表，定义标题的自定义样式 */
h1 { /* 为 h1 元素设置样式 */
    color: blue; /* 设置文本颜色为蓝色 */
    font-size: 2.5rem; /* 设置字体大小为 2.5 倍根元素字体大小 */
}

h2 { /* 为 h2 元素设置样式 */
    color: green; /* 设置文本颜色为绿色 */
    font-size: 2rem; /* 设置字体大小为 2 倍根元素字体大小 */
}
</style> /* 结束内部样式表 */

<h1>自定义样式的标题</h1> 
<h2>二级标题</h2>