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

The HTML5 参考 http://dev.w3.org/html5/html-author/#the-hr-element说

hr 元素代表段落级主题中断，例如故事中的场景变化，或参考书中某个部分中到另一个主题的过渡。

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

任何人都可以举几个关于何时使用它的示例（除了所示的示例之外）以及何时使用CSS http://www.w3.org/Style/CSS/造型代替？

当你有几个段落有两个不同的主题时，使用它是正确的。

<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 中的主题。如果您发现您的内容连接良好，则无需使用该标签。