什么时候使用hr元素在语义上是正确的？

Question

在HTML5基准说,

hr元素表示段落级别的主题中断,例如故事中的场景变化,或者到参考书的一部分内的另一个主题的过渡.

这种描述对我来说还不够描述.我使用hrHTML文档中的元素作为分隔内容的方法.它是否正确？

任何人都可以举几个例子来说明何时使用它(除了显示的例子)以及何时使用CSS样式代替？

Answer 1

如果你有几个段落有两个不同的主题,那么使用它是合适的.

<p>Paragraph about domestic kittens</p>
<p>Paragraph about kittens' favourite foods</p>
<p>Paragraph about kittens' playfulness</p>
<hr>
<p>Paragraph about my day at work</p>

如果您想在图像和内容之间分离主题,我相信这也是合适的.

<img src="/img/kitten.jpg" alt="kitten playing with ball">
<img src="/img/kitten1.jpg" alt="kitten drinking milk">
<hr>
<img src="/img/zebra.jpg" alt="zebras in the wild">

新用法hr似乎只是用于区分HTML中的主题.如果您发现内容连接良好,则不要觉得需要使用标记.

Answer 2

根据这篇文章

在 HTML 4.01 中，<hr>标签代表一条水平线。

在 HTML5 中，<hr>标签定义了一个主题中断。

然而，<hr>标签在可视化浏览器中可能仍然显示为水平规则，但现在是在语义术语中定义的，而不是表现术语。

HTML 4.01 中的所有布局属性（对齐、无阴影、大小和宽度）在 HTML 4.01 中已弃用，并且在 HTML5 中不受支持。改用 CSS 来设置<hr>元素的样式。

在 HTML5 中，<hr>当您从先前编写的段落转移主题时使用。