当前位置:首页>HTML>HTML标签>HTML <hr> 标签

HTML <hr> 标签

作者:微学网发布时间:2019-08-30 17:55:38

示例

当内容的主题发生变化时,使用 <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 页面中的内容(或者定义一个变化)。

浏览器支持

Chrome Firefox IE Safari Opera
Google Chrome Firefox Internet Explorer Safari Opera

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

HTML 4.01和HTML5之间的差异

在HTML5中,<hr>标签定义了主题中断。

在HTML 4.01中,<hr>标签表示水平规则。

但是,<hr>标签仍然可以在可视浏览器中显示为水平规则,但现在以语义术语而不是表示术语定义。

HTML5中删除了所有布局属性。请改用CSS

HTML和XHTML之间的差异

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

在XHTML中,必须正确关闭<hr>标签,如下所示:<hr />

属性

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

全局属性

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

事件属性

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

相关页面

HTML DOM参考:HR对象

默认CSS设置

大多数浏览器将使用以下默认值显示<hr>元素:

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