W3C验证器抱怨重复的div

Question

我在一个HTML文件的几个地方使用clear div，一个la：

#clear
{
    clear: both;
}

用法：

<div id="clear">
</div>

但W3C的HTML5验证器似乎在抱怨初次使用后的每次后续使用都是“重复ID”：

为什么这不是有效的？如果技术上无效，你应该如何在一个页面上多次使用clear div？

注意：这主要是一个提供信息的问题，我的HTML在所有现代浏览器上渲染都很好，并且鉴于这是HTML5验证器可以找到的唯一错误，我不会非常关心，但我只是想知道为什么这被认为是一个问题。

Answer 1

在HTML中，id属性在整个文档中必须是唯一的。如果您想要多个明确的<div>元素，请改用class：

.clear
{
    clear: both;
}

---

<div class="clear">
</div>

Answer 2

因为“重复ID清除”。

网站上不能有多个具有特定ID的元素。改为使用类。

.clear {
  /*code here*/
}

<div class="clear"></div>

类可以重复多次，但ID只能使用一次。

Answer 3

id唯一标识一个元素，不能在单个文档中重复使用。

如果您想表明多个元素有共同点，请使用class。您必须修改CSS才能使用class selector。

---

也就是说，插入除了设置清除之外什么都不做的额外元素是丑陋的，你应该看看an alternative technique在大多数情况下我建议overflow: hidden。

Answer 4

您应该使用类属性。

ID的属性值应为unique within a page。

<div class="clear">
</div>

.clear
{
    clear: both;
}