HTML - h1~h6 标签_HTML 菜鸟教程

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

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

语法

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

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

在这里，我们将看到每个标题标签的示例。选择正确的标题标签对于SEO和可读性都很重要。将您的网站内容保持在结构形式中将帮助您在 Google 上排名，并且内容也易于阅读。

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

<!DOCTYPE html>
<html>
<body>
	 <h1>这是标题  1</h1>
	 <h2>这是标题  2</h2>
	 <h1>七科普教程</h1>
</body>
</html>

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

<!DOCTYPE html>
<html>
<body>
	 <h3>这是标题  3</h3>
	 <h4>这是标题  4</h4>
	 <h3>七科普教程</h3>
</body>
</html>

让我们看一下下面的例子，我们将使用 <h5> 和 <h6> 标签创建 HTML 文档，表明页面的标题最不重要。

<!DOCTYPE html>
<html>
<body>
	 <h5>这是标题 5</h5>
	 <h6>这是标题 6+</h6>
	 <p>上面的标题是h5和h6</p>
</body>
</html>

注意：不要随意使用 <h1>~<h6> 标签，这会降低所提供内容的可读性。

浏览器
h1 - h6	Yes	Yes	Yes	Yes	Yes