W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML <hr> 标签


Example

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

<h1>HTML</h1>
<p>HTML is a language for describing web pages.....</p>

<hr>

<h1>CSS</h1>
<p>CSS defines how to display HTML elements.....</p>
尝试一下 »

定义及用法

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

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


浏览器支持

元素
<hr> Yes Yes Yes Yes Yes

HTML 4.01 与 HTML5之间的差异

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

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

在 HTML 4.01 中,所有的布局属性都已废弃。

在 HTML5 中不再支持这些属性。请使用 CSS 来为 <hr> 元素定义样式。


HTML 与 XHTML 之间的差异

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

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


属性

属性 描述
align left
center
right
HTML5 不支持。
规定 <hr> 元素的对齐方式
noshade noshade HTML5 不支持。
规定 <hr> 元素的颜色呈现为纯色
size pixels HTML5 不支持。
规定 <hr> 元素的高度
width pixels
%
HTML5 不支持。
规定 <hr> 元素的宽度

全局属性

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


事件属性

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


相关文章

HTML DOM 参考手册: HR 对象


默认CSS设置

大多数浏览器都以以下默认值的形式显示 <hr> 元素:

Example

hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}
尝试一下 »