例
使用<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;
}
试一试»