如果我需要在<hr>或额外的包装器之间进行选择,哪个语义更清晰<div>?



要在我工作的一个特定设计中制作分隔符,我需要在多个元素的组之间制作分隔符。我只有两个选项:要么我可以在<div>中包裹元素(内部元素的高度不相同(,要么我可以使用<hr>

如果我使用一个额外的div,它将只是为了制作一个分隔符。

一个额外的divhr,哪个更具语义?

如果分界线是内容的一部分,那么<hr>绝对是合适的答案。

然而,分界线可以被视为设计元素,在这种情况下,它不应该出现在HTML代码中;设计应该在样式表中完成。

所以问题是,你计划画的分界线是内容的一部分还是设计的一部分?

您可以通过考虑删除分界线是否会像删除<br>标签一样影响内容来回答这个问题。或者,如果您必须将内容交给其他人才能在其他地方发布,您是否希望将分界线作为发送内容的一部分。如果答案是肯定的,那么它们就是你内容的一部分。

如果这纯粹是你的页面设计,那么你应该使用样式表来添加分隔符,因为尽管<hr>更具语义,但只有当它构成内容的活跃部分时,它在语义上才是正确的。

您说可以将内部元素包装在<div>中,但<div>只能用作分隔符。如果它有内部元素,那么您可能会使用它来对相关内容进行分组,在这种情况下,我建议将其作为最具语义的方法。否则,<hr>是您的最佳选择。

相关内容

  • 没有找到相关文章

最新更新