HTML 基础
HTML 高级教程
HTML5 特征
HTML5 示例
HTML5 参考手册

HTML 标题

在本教程中,您将学习如何在 HTML 中创建标题。

用标题组织内容

标题有助于定义网页内容的层次结构和结构。

HTML 提供了六级标题标签,从 <h1><h6>,标题级别数越低,其重要性越大 — 因此 <h1> 标签定义了文档中最重要的标题,而 <h6> 标签定义了文档中最不重要的标题。

默认情况下,浏览器以比普通文本更大、更粗的字体显示标题。 此外,<h1> 标题以最大字体显示,而 <h6> 标题以最小字体显示。

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>

— 上述示例的输出将如下所示:

注意: 每次在网页上放置标题标签时,Web 浏览器内置样式表会自动在每个标题前后创建一些空白区域(称为边距)。 您可以使用 CSS margin 属性覆盖浏览器的默认样式表。

提示:您可以使用 CSS font 字体属性。


标题的重要性

  • HTML 标题通过突出重要主题和文档结构来提供有价值的信息,因此请仔细优化它们以提高用户参与度。
  • 不要使用标题使您的文本看起来很大或粗体。 仅将它们用于突出显示文档的标题并显示文档结构。
  • 由于搜索引擎(例如 Google)使用标题来索引网页的结构和内容,因此在您的网页中非常明智地使用它们。
  • 使用 <h1> 标题作为网页的主要标题,然后是 <h2> 标题,然后是不太重要的 <h3> 标题,依此类推。

提示: 使用 <h1> 标签来标记通常位于页面顶部的最重要的标题。 一个 HTML 文档通常应该有一个 <h1> 标题,然后是较低级别的标题,例如 <h2>, <h3>, <h4>,等等。

Advertisements