html – 使用hr元素什么时候语义正确?

HTML5 reference

The hr element represents a paragraph-level thematic break, e.g. a scene change in a story, or a transition to another topic within a section of a reference book.

这个描述对我来说还不够描述.我使用HTML文档中的hr元素作为分离内容的一种方式.它是否正确?

有没有人可以给出几个例子,何时使用它(除了所示的示例)以及何时使用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中的主题.如果你发现你的内容连接良好,不要觉得你需要使用标签.

转载注明原文:html – 使用hr元素什么时候语义正确? - 代码日志