W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML <h1> - <h6> 标签


Example

六个不同的 HTML 标题:

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
尝试一下 »

定义和用法

<h1> - <h6> 标签被用来定义 HTML 标题。

<h1> 定义重要等级最高的标题。<h6> 定义重要等级最低的标题。


浏览器支持

元素
<h1> - <h6> Yes Yes Yes Yes Yes

HTML 4.01 与 HTML5之间的差异

在 HTML 5 中,<h1> - <h6> 元素的 "align" 属性不被支持。请使用 CSS 来排列元素。


属性

属性 描述
align left
center
right
justify
HTML5 不支持。
规定标题中文本的排列。

全局属性

<h1> to <h6> 标签支持 HTML全局属性


事件属性

<h1> to <h6> 标签支持 HTML事件属性


相关文章

HTML 教程:HTML Headings

HTML DOM 参考手册:Heading 对象


默认CSS设置

大多数浏览器都以以下默认值的形式显示 <h1> 元素:

Example

h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
尝试一下 »

大多数浏览器都以以下默认值的形式显示 <h2> 元素:

Example

h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
尝试一下 »

大多数浏览器都以以下默认值的形式显示 <h3> 元素:

Example

h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
尝试一下 »

大多数浏览器都以以下默认值的形式显示 <h4> 元素:

Example

h4 {
    display: block;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
尝试一下 »

大多数浏览器都以以下默认值的形式显示 <h5> 元素:

Example

h5 {
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
尝试一下 »

大多数浏览器都以以下默认值的形式显示 <h6> 元素:

Example

h6 {
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
尝试一下 »