HTML - <h1> 到 <h6> 标签



HTML h1 到 h6 标签是标题标签。HTML **标题**标签定义了六个级别的标题,即 <h1> 到 <h6>。其中 <h1> 表示最重要的标题,<h6> 表示最不重要的标题。

标题标签还有助于在页面顶部或页面上的任何位置显示标题和副标题。使用标题来显示文档结构非常重要。

语法

<h1>…</h1>
<h2>…</h2>
<h3>…</h3>
<h4>…</h4>
<h5>…</h5>
<h6>…</h6>

属性

HTML h1 到 h6 标签支持 HTML 的全局事件属性。

HTML h1 到 h6 标签示例

在这里,我们将看到每个标题标签的示例。选择正确的标题标签对于 SEO 和可读性都很重要。将网站内容以结构化的形式呈现,将有助于您在 Google 上获得排名,并且内容也易于阅读。

使用 h1 和 h2 标签

在以下示例中,我们创建了一个 HTML 页面,该页面将显示页面上的重要标题,即 <h1> 和 <h2> 标签。

<!DOCTYPE html>
<html>
<body>
   <h1>This is heading 1</h1>
   <h2>This is heading 2</h2>
   <h1>Tutorialspoint</h1>
</body>
</html>

使用 h3 和 h4 标签

考虑以下示例,我们将使用 <h3> 和 <h4> 标签创建 HTML 文档。

<!DOCTYPE html>
<html>
<body>
   <h3>This is heading 3</h3>
   <h4>This is heading 4</h4>
   <h3>Tutorialspoint</h3>
</body>
</html>

使用 h5 和 h6 标签

让我们看一下以下示例,我们将使用 h5 和 h6 标签创建 HTML 文档,表示页面的标题不太重要。

<!DOCTYPE html>
<html>
<body>
   <h5>This is heading 5</h5>
   <h6>This is heading 6</h6>
   <p>The above heading is h5 and h6</p>
</body>
</html>
注意: 不要随意使用标题标签,这会降低提供内容的可读性。

支持的浏览器

标签 Chrome Edge Firefox Safari Opera
h1 - h6
html_tags_reference.htm
广告