HTML <h1> 到 <h6> 标签

实例

六个不同的 HTML 标题：

  1. <h1>这是标题 1</h1>
  2. <h2>这是标题 2</h2>
  3. <h3>这是标题 3</h3>
  4. <h4>这是标题 4</h4>
  5. <h5>这是标题 5</h5>
  6. <h6>这是标题 6</h6>

浏览器支持

元素 Chrome Internet Explorer / Edge Firefox Safari Opera
<h1>-<h6> Yes Yes Yes Yes Yes

所有浏览器都支持 <h1> - <h6> 标签。

定义和用法

<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用层叠样式表定义来达到漂亮的显示效果。

如果您希望了解更多有关 HTML 标签选择和使用的信息，请阅读《Web 品质》。

HTML 与 XHTML 之间的差异

在 HTML 4.01 中，h1 - h6 元素的 “align” 属性不被推荐使用。

在 XHTML 1.0 Strict DTD 中，h1 - h6 元素的 “align” 属性不被支持。

可选的属性

属性 值 描述
align left
center
right
justify		 不推荐使用。请使用样式替代它。
规定标题中文本的排列。

标准属性

  1. id, class, title, style, dir, lang, xml:lang

如需完整的描述，请访问标准属性。

事件属性

  1. onclick, ondblclick, onmousedown, onmouseup, onmouseover, 
  2. onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

如需完整的描述，请访问事件属性。

TIY 实例

标题

本例演示在 HTML 文档中显示标题的标签。

  1. <h1>This is heading 1</h1>
  2. <h2>This is heading 2</h2>
  3. <h3>This is heading 3</h3>
  4. <h4>This is heading 4</h4>
  5. <h5>This is heading 5</h5>
  6. <h6>This is heading 6</h6>
  8. <p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>

居中排列的标题

本例演示一个居中排列的标题。

  1. <h1 align="center">This is heading 1</h1>
  3. <p>上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。</p>