块 | h1-6

HTML h1 - h6 标题(Heading)元素呈现了六个不同的级别的标题,<h1> 级别最高,而 <h6> 级别最低。

  1. <h1>Beetles</h1>
  2. <h2>External morphology</h2>
  3. <h3>Head</h3>
  4. <h4>Mouthparts</h4>
  5. <h3>Thorax</h3>
  6. <h4>Prothorax</h4>
  7. <h4>Pterothorax</h4>

属性

该元素包含所有全局特性。

align属性已废弃;不要继续使用它。

备注

  1. 用户代理可以使用标题信息,例如自动构建文档的目录。

  2. 不要为了减小标题的字体而使用低级别的标题, 而是使用 CSS font-size 属性。

  3. 避免跳过某级标题:始终要从 <h1> 开始,接下来依次使用 <h2> 等等。

  4. 使用 <section> 元素时,为了方便起见,你应该考虑避免在同一个页面上重复使用 <h1><h1> 应被用于表示页面的标题,其他的标题当从 <h2> 开始。在使用 section 时,应当为每个 section 都使用一个 <h2>

示例

所有标题
下面的代码展示了所有可用的标题级别。

  1. <h1>一级标题</h1>
  2. <h2>二级标题</h2>
  3. <h3>三级标题</h3>
  4. <h4>四级标题</h4>
  5. <h5>五级标题</h5>
  6. <h6>六级标题</h6>

下面的代码展示了几个具有部分内容的标题。

  1. <h1>Heading elements</h1>
  2. <h2>Summary</h2>
  3. <p>Some text here...</p>
  4. <h2>Examples</h2>
  5. <h3>Example 1</h3>
  6. <p>Some text here...</p>
  7. <h3>Example 2</h3>
  8. <p>Some text here...</p>
  9. <h2>See also</h2>
  10. <p>Some text here...</p>