HTML <h1> 到 <h6> 标签

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

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

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

 

1. 范例

六个不同的 HTML 标题:

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

我要试一试

 

2. 浏览器支持

元素 Chrome IE Firefox Safari Opera
<h1>-<h6> Yes Yes Yes Yes Yes

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

 

3. HTML 与 XHTML 之间的差异

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

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

 

4. 可选的属性

属性 描述
align
  • left
  • center
  • right
  • justify

不推荐使用。请使用样式替代它。

规定标题中文本的排列。

 

5. 标准属性

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

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

 

6. 事件属性

onclick, ondblclick, onmousedown, onmouseup, onmouseover, 
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

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

 

7. TIY 范例

HTML <head> 标签:<head> 标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。