要在我工作的一个特定设计中制作分隔符,我需要在多个元素的组之间制作分隔符。我只有两个选项:要么我可以在<div>
中包裹元素(内部元素的高度不相同(,要么我可以使用<hr>
。
如果我使用一个额外的div
,它将只是为了制作一个分隔符。
一个额外的div
和hr
,哪个更具语义?
如果分界线是内容的一部分,那么<hr>
绝对是合适的答案。
然而,分界线可以被视为设计元素,在这种情况下,它不应该出现在HTML代码中;设计应该在样式表中完成。
所以问题是,你计划画的分界线是内容的一部分还是设计的一部分?
您可以通过考虑删除分界线是否会像删除<br>
标签一样影响内容来回答这个问题。或者,如果您必须将内容交给其他人才能在其他地方发布,您是否希望将分界线作为发送内容的一部分。如果答案是肯定的,那么它们就是你内容的一部分。
如果这纯粹是你的页面设计,那么你应该使用样式表来添加分隔符,因为尽管<hr>
更具语义,但只有当它构成内容的活跃部分时,它在语义上才是正确的。
您说可以将内部元素包装在<div>
中,但<div>
只能用作分隔符。如果它有内部元素,那么您可能会使用它来对相关内容进行分组,在这种情况下,我建议将其作为最具语义的方法。否则,<hr>
是您的最佳选择。