最新的Web开发教程
 

HTML <hr> Tag


使用<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>

HTML 4.01和HTML5之间的差异

在HTML5中, <hr>标记定义了一个专题休息。

在HTML 4.01中, <hr>标签代表一个水平线。

然而, <hr>标记可能仍然显示为可视化浏览器水平线,但现在在语义来界定,而不是表象的条款。

所有layout属性在HTML5中删除。 使用CSS来代替。


HTML和XHTML之间的差异

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

在XHTML中, <hr>标签必须正确关闭,像这样: <hr />


属性

属性 描述
align left
center
right
在HTML5不支持。
指定的对齐<hr>元素
noshade noshade 在HTML5不支持。
指定一个<hr>元素应该在一个纯色(noshaded)渲染,而不是阴影的颜色,
size pixels 在HTML5不支持。
指定高度<hr>元素
width pixels
%
在HTML5不支持。
指定的宽度<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;
}
试一试»