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

EN

比方说，当你有几个段落有两个不同的主题时，使用它是合适的。

<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的新用法似乎只是为了区分主题。如果你发现你的内容是连接良好的，不要觉得你需要使用标签。

根据this article的说法

在HTML4.01中，<hr>标记表示一条水平线。

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

但是，在可视化浏览器中，<hr>标记仍然可以显示为水平线，但现在是在语义术语中定义的，而不是表征性术语。

HTML4.01中的所有布局属性(对齐、无阴影、大小和宽度)在HTML4.01中都已弃用，在HTML5中也不受支持。改为使用CSS设置<hr>元素的样式。

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

我的简短回答和我的做法是，当没有其他方法可以用CSS干净利落地完成时，我会使用<hr>，对我来说，这意味着我花了很多年编写超文本标记语言，而且从来没有使用过<hr>。

最终，如果我只是试图在相同内容的两个部分之间放置某种标记，我可以看到自己在使用<hr>。

举一个博客帖子的例子:当我觉得从一个主题转换到另一个主题在视觉上很重要时，我会放一个<hr>。