Html 重复相同的div

我想知道在HTML中多次使用同一个div id或类是否会被轻视。我在HTML中使用了两次div id=col1和div id=col2，我只是想知道这是否是一种可接受的格式，或者这种编码方式是否有潜在的缺陷

<div class="row1">
    <div id="col1" class="right">
    </div>
    <div id="col2" class="left">
    </div>
</div>
<div id="row2">
    <div id="col1" class="right">
    </div>
    <div id="col2" class="left">
    </div>
</div>

这个怎么样

<div id="row1">
    <div class="col1">
    </div>
    <div class="col2">
    </div>
</div>
<div id="row2">
    <div class="col1">
    </div>
    <div class="col2">
    </div>
</div>

---

同一id不能有两倍，因为id属性应该是唯一的

尝试divrow1\u col1和divrow2\u col1

---

这种编码方式肯定会失败

<div class="row1">
    <div id="col1" class="right">
    </div>
    <div id="col2" class="left">
    </div>
</div>
<div id="row2">
    <div id="col1" class="right">
    </div>
    <div id="col2" class="left">
    </div>
</div>

HTML中的id通常用于CSS或JQuery来识别所讨论的元素

---

如果您以这种方式编码，那么您的其他代码将不容易提取这些元素。基本的HTML标准是使用唯一的ID。

哦，我想你想要自拍-呸？我不明白！正如你所看到的，我是新来的。这是一顶戴在。。。哈哈。。。我只是有一个非常谦虚的目标，在我学习编码的过程中，能够对我喜欢的答案进行投票。不过，我想戴帽子会很好。

<div id="row1">
    <div class="col1 right">
    </div>
    <div class="col2 left">
    </div>
</div>
<div id="row2">
    <div class="col1 right">
    </div>
    <div class="col2 left">
    </div>
</div>