HTML <hr> 元素

HTML <hr> 元素表示段落元素之间的主题转换（例如，故事中的场景变化，或一个章节主题的改变）。在之前的 HTML 版本中，它表现为一个水平线。现在它在可视化浏览器中可能仍然显示为水平线，但它是被定义为语义上的，而不是表现层面上。

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

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

尝试一下 »

特性

内容类别	流式内容。
允许的内容	无，它是一个空元素。
标签省略	它必须有开始标签，但必须不能有结束标签。
允许的父元素	任何接受流式内容的元素。
允许的 ARIA 角色	presentation
DOM 接口	HTMLHRElement

属性

该元素包含了全局属性。

align

已废弃 HTML4.01，已过时 HTML5

设置页面上水平线的对齐方式。如果未指定值，则默认值为 left。可选值有：

• left
• center
• right

color

非标准

通过颜色名称或十六进制值设置水平线的颜色。

noshade

已废弃 HTML4.01，已过时 HTML5

将水平线设置为没有阴影。

size

已废弃 HTML4.01，已过时 HTML5

设置水平线的高度（以像素为单位）。

width

已废弃 HTML4.01，已过时 HTML5

通过像素或百分比值设置页面上水平线的长度。

事件属性

<hr> 元素支持 HTML 的事件属性。

更多实例

使用 <hr> 隔开两个段落

<p>
  这是文字的第一段。
  这是文字的第一段。
  这是文字的第一段。
  这是文字的第一段。
</p>

<hr>

<p>
  这是文字的第二段。
  这是文字的第二段。
  这是文字的第二段。
  这是文字的第二段。
</p>

尝试一下 »

规范

规范	状态	备注
HTML Living Standard <hr> 的定义	现行的标准	定义了 hr 元素
HTML Living Standard	现行的标准	建议了 hr 元素的默认呈现
HTML5 <hr> 的定义	推荐	-
HTML 4.01 Specification <hr> 的定义	推荐	废弃了 align，noshade，size 和 width 属性

HTML 4.01 与 HTML5 之间的差异

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

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

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

HTML 与 XHTML 之间的差异

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

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

桌面浏览器兼容性

移动浏览器兼容性

相关链接

• <p> 元素