Skip to main content

什么是HTML HR标签以及如何使用它?

10 Полезных приложений которые помогут вам при строительстве и ремонте . Приложения для Android&IOS! (六月 2025)

10 Полезных приложений которые помогут вам при строительстве и ремонте . Приложения для Android&IOS! (六月 2025)
Anonim

HR标记用于Web文档中以在页面上显示水平线,或者有时称为水平线。与某些标签不同,此标签不需要结束标签,因此您只需键入即可 插入行。

该线条在页面的整个宽度上延伸,并带有一些默认属性来描述线条的粗细,位置和颜色,但您可以根据需要更改这些设置。

您可以通过编辑页面的CSS来编辑HTML5文档中水平线的特征。 HTML4水平线在文档的HTML端更改。

HR标签语义是什么?

在HTML4中,HR标签不是语义标记。语义元素用浏览器描述它们的含义,开发人员可以很容易地理解它们。 HR标签只是一种在文档中随意添加简单行的方法。仅对要显示线条的元素的顶部或底部边框进行样式设置在元素的顶部或底部放置一条水平线,但通常情况下,HR标记更易于用于此目的。

从HTML5开始,HR标签变为语义,它现在定义了段级主题中断,这是内容流的中断,不保证新页面或其他更强的分隔符 - 这是主题的变化。例如,您可能会在故事中更改场景后找到HR标记,或者它可以指示参考文档中主题的更改。

HTML4和HTML5中的HR属性

在HTML4中,可以为HR标签分配简单属性,包括 对齐,宽度, 和 noshade 。对齐可以设置为 剩下 , 中央 , 对 要么 辩解 。宽度调整水平线的宽度,从扩展页面线的默认100%开始。该 noshade 属性呈现纯色线而不是阴影颜色。

这些属性在HTML5中已过时。您应该使用CSS在HTML5文档中设置HR标记的样式。

这是一个HTML5示例,使用内联CSS(与HTML一起直接插入文档的样式)将水平线样式化为10像素高:


在HTML5中对水平线进行样式化的另一种方法是使用单独的CSS文件,并从HTML文档链接到它。在CSS文件中,您可以像这样编写样式:

hr {高度:10px的}

HTML4中的相同效果要求您向HTML内容添加属性。以下是如何使用更改水平线的大小 尺寸 属性:


CSS与HTML相比,在水平线条样式方面有更多自由。

只有 宽度 和 高度 样式在所有浏览器中都是一致的,因此在使用其他样式时可能需要一些试验和错误。默认宽度始终是网页或父元素宽度的100%。规则的默认高度为两个像素。