Please note, this is a STATIC archive of website developer.mozilla.org from November 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Heading Elements

翻译正在进行中。

标题(Heading)元素有六个不同的级别,<h1> 是最高级的,而 <h6> 则是最低的。 一个标题元素能简要描述该节的主题。标题信息可以由用户代理可以使用,例如,自动构造某个文档中的内容表(就像本文档右边浮动栏一样)。

使用要点:

  • 不要为了减小标题的字体而使用低级别的标题, 而是使用 CSS font-size 属性。
  • 避免跳过某级标题:始终要从 <h1> 开始,接下来使用 <h2> 等等。
  • 使用 <section> 元素的时候,为了方便起见你应该考虑着去避免重复在一个页面上使用 <h1>,<h1> 应该用来表示页面的标题,其他的标题当从 <h2> 开始。 使用 section 当时候,应当每个 section 都使用一个 <h2>。 详情请参考 "Defining sections" in Using HTML sections and outlines
Content categories Flow content, heading content, palpable content.
Permitted content Phrasing content.
Tag omission 不允许,开始标签和结束标签都不能省略。
Permitted parent elements Any element that accepts flow content; don't use as a child of <hgroup> element, it is now deprecated
DOM interface HTMLHeadingElement

属性

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

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

示例

所有标题

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

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

示例页面

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

<h1>标题元素</h1>
<h2>总结</h2>
<p>部分文本...</p>

<h2>例子</h2>
<h3>例子 1</h3>
<p>Some text here...</p>

<h3>例子 2</h3>
<p>Some text here...</p>

<h2>参见</h2>
<p>Some text here...</p>

下面是代码结果展示:

规范

Specification Status Comment
WHATWG HTML Living Standard
<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>
Living Standard  
HTML5
<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>
Recommendation  
HTML 4.01 Specification
<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>
Recommendation  


浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes) 1.0 (1.7 or earlier) (Yes) (Yes) (Yes)
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Yes) 1.0 (1.0) (Yes) (Yes) (Yes)

更多

文档标签和贡献者

 此页面的贡献者: venden, Ende93, ziyunfei
 最后编辑者: venden,