网页设计与制作教程:Web前端开发(第7版)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.1.3 水平线元素hr

hr元素创建一条水平标尺线(horizontal rules),可以在视觉上将文档分隔成不同部分。水平线元素的格式为:

在HTML5中,<hr>标签的语义表示一个段落级主题的分隔(例如一个故事的场景转换或者一个主题的切换)。

推荐使用CSS来设置<hr>标签的视觉效果,如线条的粗细、长度、颜色等。

【例2-3】hr元素的基本用法示例。本例文件2-3.html的代码如下,在浏览器中显示的效果如图2-3所示。

图2-3 水平线元素示例

在此示例中,<hr>标签用于在每个段落之间插入一条水平线,这有助于视觉上区分它们。此外,<hr>标签在HTML文档中创建了一个换行,这将使文本重新回到其默认的对齐方式(通常为左对齐)。

在HTML5中,<hr>标签的所有显示属性都可以使用,但推荐使用CSS来设置。