HTML5 <hr> 标签

实例

当内容的主题发生变化时，使用 <hr> 标签进行分隔：

<h1>HTML</h1>
<p>HTML 是用于描述 web 页面的一种语言。</p><hr><h1>CSS</h1>
<p>CSS 定义如何显示 HTML 元素。</p>

尝试一下 »

浏览器支持

所有主流浏览器都支持 <hr> 标签。

标签定义及使用说明

<hr> 标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。

<hr> 元素被用来分隔 HTML 页面中的内容（或者定义一个变化）。

HTML 4.01 与 HTML5之间的差异

在 HTML5 中，<hr> 定义内容中的主题变化，并显示为一条水平线。

在 HTML 4.01 中，<hr> 标签仅仅显示为一条水平线。

在 HTML 4.01 中，所有的布局属性都 已废弃。在 HTML5 中不再支持这些属性。请使用 CSS 来为 <hr> 元素定义样式。

HTML 与 XHTML 之间的差异

在 HTML 中，<hr> 标签没有结束标签。

在 XHTML 中，<hr> 标签必须被正确地关闭，比如 <hr />。

属性

全局属性

<hr> 标签支持 HTML 的全局属性。

事件属性

<hr> 标签支持 HTML 的事件属性。

HTML5 <h1> 至 <h6> 标签

定义和用法

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

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

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

如果您想要练习使用HTML5 <h1> - <h6> 标签，请参考本站HTML5编程实战中的“学习h2标签”！

实例

六个不同的 HTML 标题：

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

HTML 4.01 与 HTML 5 之间的差异

在 HTML 4.01 中，h1 - h6 元素的 "align" 属性不被赞成使用。

在 HTML 5 中，h1 - h6 元素的 "align" 属性不被支持。

标准属性

<h1> - <h6> 标签支持 HTML 5 中的标准属性。

事件属性

<h1> - <h6> 标签支持 HTML 5 中的事件属性。

相关阅读

HTML 教程：HTML 标题