HTML <hr> 标签

“hr”是“Horizontal Rule”英文的缩写，有“水平线”的意思。在html4.01版本中，<hr>标签是使用来定义一条水平线。在html5版本中升级了该标签，使其具有语义，用来定义主题的变化，比如话题的转移，并显示一条水平线；<hr>标签的显示上是一条水平线，效果在视觉上将文档分割成各个部分。

实例

被水平线分隔的标题和段落：

<!DOCTYPE html>
<html>
<body>
<h1>网络的主要语言</h1>
<p>HTML是创建网页的标准标记语言。HTML描述Web页面的结构，由一系列元素组成。HTML元素告诉浏览器如何显示内容</p>
<hr>
<p>CSS是一种描述如何在屏幕、纸张或其他媒体上显示HTML元素的语言。CSS节省了大量的工作，因为它可以同时控制多个web页面的布局。</p>
<hr>
<p>avaScript是HTML和Web的编程语言。JavaScript可以更改HTML内容和属性值。JavaScript可以改变CSS。JavaScript可以隐藏和显示HTML元素，等等。</p>
</body>
</html>

运行一下

浏览器支持

元素
<hr>	Yes	Yes	Yes	Yes	Yes

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

定义和用法

<hr> 标签在 HTML 页面中创建一条水平线。水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

HTML 与 XHTML 之间的差异

在 HTML 中，<hr> 标签没有结束标签。
在 XHTML 中，<hr> 必须被正确地关闭，比如 <hr />。
在 HTML 4.01 中，hr 元素的所有呈现属性均不被赞成使用。
在 XHTML 1.0 Strict DTD 中，hr 元素的所有呈现属性均不被支持。

可选的属性

属性	值	描述
align	center left right	不建议使用。请使用样式取代它。规定 hr 元素的对齐方式。
noshade	noshade	不建议使用。请使用样式取代它。规定 hr 元素的颜色呈现为纯色。
size	pixels	不建议使用。请使用样式取代它。规定 hr 元素的高度（厚度）。
width	pixels %	不建议使用。请使用样式取代它。规定 hr 元素的宽度。

全局属性

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

事件属性

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