<hr>
HTML<hr>元素表示段落级元素之间的主题转换(例如,一个故事中的场景的改变,或一个章节的主题的改变)。在HTML的早期版本中,它是一个水平线。现在它仍能在可视化浏览器中表现为水平线,但目前被定义为语义上的,而不是表现层面上。
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
所有主流浏览器都支持<hr> 标签。 |
示例
<p> this is the first paragraph of text. this is the first paragraph of text. this is the first paragraph of text. this is the first paragraph of text. </p> <hr> <p> this is the second paragraph of text. this is the second paragraph of text. this is the second paragraph of text. this is the second paragraph of text. </p>
标签定义及使用说明
<hr>
标签定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。<hr>
元素被用来分隔 HTML 页面中的内容(或者定义一个变化)。- 要更改
<hr>
与段落之间的间隙或样式,请使用CSS。
内容分类 | 流式内容元素 |
---|---|
允许的内容 | 无,是一个空元素 |
标签省略 | 必须有开始标签,不能有结束标签。 |
允许的父元素 | 所有接受流式内容元素 |
允许的 ARIA roles | |
DOM接口 | HTMLElement |
HTML 4.01 与 HTML 5 之间的差异
在 HTML5 中,<hr>
定义内容中的主题变化,并显示为一条水平线。
在 HTML 4.01 中,<hr>
标签仅仅显示为一条水平线。
在 HTML 4.01 中,所有的布局属性都已废弃(align, noshade, size 以及 width 属性)。在 HTML5 中不再支持这些属性。请使用 CSS 来为<hr>
元素定义样式。
HTML 与 XHTML 之间的差异
在 HTML 中,<hr>
标签没有结束标签。
在 XHTML 中,<hr>
标签必须被正确地关闭,比如<hr />
。
属性
align
:设置对齐方式。HTML5 不支持。HTML 4.01 已废弃。noshade
:去除阴影。HTML5 不支持。HTML 4.01 已废弃。size
:使用像素设置高度。HTML5 不支持。HTML 4.01 已废弃。width
:使用像素或者百分比设置宽度。HTML5 不支持。HTML 4.01 已废弃。
全局属性
<hr>
标签支持HTML 的全局属性。
事件属性
<hr>
标签支持HTML 的事件属性。
实例
当内容的主题发生变化时,使用<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>