HTML hr 标签

HTML <hr> 标签功能

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

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

HTML <hr> 标签用法

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

<div style="background-color: yellow;">
    <h2>HTML</h2>
    <p>HTML 是用于描述 web 页面的一种语言。</p>
    <hr>
    <h2>CSS</h2>
    <p>CSS 定义如何显示 HTML 元素。</p>
</div>

HTML <hr> 标签演示

浏览器支持

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

HTML4 与 HTML5 之间的差异

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

在 HTML4 中，<hr> 标签仅仅显示为一条水平线。

在 HTML4 中，所有的布局属性都 已废弃。在 HTML5 中不再支持这些属性。请使用 CSS 来为 <hr> 元素定义样式。

HTML 与 XHTML 之间的差异

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

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

属性

全局属性

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

事件属性

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