HTML <hr> 标签

定义及使用说明

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

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

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

HTML 4.01 与 HTML5之间的差异

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

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

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

HTML 与 XHTML 之间的差异

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

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

实例

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>HTML hr 标签  xinbiancheng.cn</title>
</head>
<body>
<h2>HTML</h2>
<p>HTML 是用于描述 web 页面的一种语言。</p>
<hr>
<h2>CSS</h2>
<p>CSS 定义如何显示 HTML 元素。</p>
</body>
</html>

输出:

HTML

HTML 是用于描述 web 页面的一种语言。


CSS

CSS 定义如何显示 HTML 元素。

 

可选的属性

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

全局属性

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

事件属性

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