
上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来设置。