HTML <h1>-<h6> 标签
实例
六个不同的HTML标题:
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
运行 »
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
定义和用法
<h1> 到 <h6> 标签用于定义HTML标题.
<h1> 定义了最重要的标题. <h6> 定义最不重要的标题.
浏览器支持
Element | |||||
---|---|---|---|---|---|
<h1> - <h6> | Yes | Yes | Yes | Yes | Yes |
HTML 4.01和HTML5之间的差异
HTML5中不支持“align”属性.使用CSS来对齐元素.
属性
属性 | 值 | 描述 |
---|---|---|
align | left center right justify |
HTML5不支持. 指定标题的对齐方式 |
全局属性
<h1> 到 <h6> 标记还支持HTML中的 全局属性 .
事件属性
<h1> 到 <h6> 标记还支持HTML中的 事件属性 .
相关页面
HTML教程: HTML标题
HTML DOM参考: 标题对象
默认CSS设置
大多数浏览器将使用以下默认值显示<h1>元素:
实例
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
大多数浏览器将使用以下默认值显示<h2>元素:
实例
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
大多数浏览器将使用以下默认值显示<h3>元素:
实例
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
大多数浏览器将使用以下默认值显示<h4>元素:
实例
h4 {
display: block;
font-size: 1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
display: block;
font-size: 1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
大多数浏览器将使用以下默认值显示<h5>元素:
实例
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
大多数浏览器将使用以下默认值显示<h6>元素:
实例
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}