HTML <hr> 标签 - 菜鸟教程

<hr>标签定义和用法

<hr>标签定义HTML页面中的主题中断（例如主题的转换）。
<hr>元素用于分隔HTML页面中的内容（或定义更改）。

<hr>浏览器支持

Internet Explorer/Edge	Chrome	FireFox	Safari	Opera

支持	支持	支持	支持	支持

<hr>标签实例

<!DOCTYPE html>
<html>
<body>

<h1>HTML</h1>
<p>HTML是一种描述网页的语言。</p>

<hr>

<h1>CSS</h1>
<p>CSS定义了如何显示HTML元素。</p>

</body>
</html>

尝试一下

HTML4.01和HTML5之间的差异

在HTML5中，<hr>标签定义了主题中断。
在HTML 4.01中，<hr>标记表示水平规则。
但是，<hr>标记仍然可以在可视浏览器中显示为水平规则，但现在以语义术语而不是表示术语定义。
HTML5中删除了所有布局属性。请改用CSS。

HTML和XHTML之间的差异

在HTML中，<hr>标记没有结束标记。
在XHTML中，必须正确关闭<hr>标记，如下所示：<hr />。

<hr>标签属性

属性名	属性值	描述
align	left center right	HTML5不支持。指定<hr>元素的对齐方式。
noshade	noshade	HTML5不支持。指定<hr>元素应以一种纯色（noshaded）呈现，而不是以阴影颜色呈现
size	pixels	HTML5不支持。指定<hr>元素的高度
width	pixels %	HTML5不支持。指定<hr>元素的宽度

<hr>标签全局属性

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

查看有关全局属性的更多知识。

<hr>标签事件属性

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

查看有关事件属性的更多知识。

<hr>标签默认CSS设置

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