Html 如果我需要在<；人力资源>；或额外包装<；部门>；？

为了在我工作的特定设计中制作分隔器，我需要在多个元素组之间制作分隔器。我只有两个选项：要么我可以将元素（内部元素高度不同）包装在

中，要么我可以使用

如果我使用一个额外的

div

，它将只用于制作一个分隔符

---

哪个更具语义，一个额外的

div

或

hr

？

您说可以在

中包装内部元素，但

只能用作分隔符。如果它有内部元素，那么您似乎可以使用它对相关内容进行分组，在这种情况下，我建议将其作为最具语义的方法。否则，

是您的最佳选择。

如果分隔线是内容的一部分，那么

肯定是合适的答案

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

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

您可以通过考虑删除分隔线是否会像删除标签一样影响内容来回答这个问题。或者考虑一下，如果你必须把内容交给其他人在别处发布，你是否想把这些分界线作为你发送内容的一部分。如果答案是“是”，则它们是您内容的一部分

---

如果这纯粹是你的页面设计，那么你应该使用样式表来添加分隔符，因为尽管

更具语义，但只有当它构成内容的一个活动部分时，它才在语义上正确。

@Michael Mior-感谢回复+1。但是如果我不需要分隔符，那么我就不需要额外的

来对其他元素进行分组。使用

在语义上正确吗？我想说的是，如果最终将元素分组在一起，它们之间有一些有意义的关系，那么将它们放在

中是非常语义化的。如果没有，这会让事情变得更糟，

更合理，因为它被用来定义分离。@Michael Mior-好的。但是

的使用在语义上是不正确的。如果您查看HTML5中W3C对

的定义，您将看到“在HTML5中，

标记显示水平规则，并定义内容的更改。”因此，根据您的内容，它在语义上可能是正确的。在看到您对另一个答案的评论后，您的情况下，

可能在语义上不正确。感谢您的回复。分隔器只是设计的视觉部分。他们没有像我想的那样分离任何内容。如果你不确定

是否是语义的（有点灰色区域），请使用CSS修复。要维护的标记和样式较少通常会带来最大的灵活性。这些元素是浮动的吗？它们是水平堆放的吗？分隔符下面是什么？一个元素还是多个元素水平堆叠？@Šime Vidas-是项浮动。分隔符位于jQuery滑块和主内容区域之间当我有多个浮动元素时，我将它们包装在

overflow:auto

DIV中。这是我的建议。