Повторяя тот же div

Question

Мне интересно, стоит ли смотреть на то, чтобы использовать один и тот же идентификатор div или класс несколько раз в вашем HTML. Я использую div id = "col1" и div id = "col2" дважды в своем HTML, и мне просто интересно, приемлемо ли это приемлемый формат, или если есть какой-то потенциальный упадок кодирования таким образом.

<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> 

Answer 1

Вы не можете иметь один и тот же идентификатор дважды, поскольку атрибуты атрибута должны быть уникальными.

Пробег: div#row1_col1 и div#row2_col1.

<div class="row1"> 
    <div id="row1_col1" class="right"> 
    </div> 
    <div id="row1_col2" class="left"> 
    </div> 
</div> 
<div id="row2"> 
    <div id="row2_col1" class="right"> 
    </div> 
    <div id="row2_col2" class="left"> 
    </div> 
</div> 

Альтернативой является создание столбцов класса. Вы можете получить доступ к колонку для строки с селектором: div#row1 div.col1

<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> 

Answer 2

Существует, безусловно, падение кодирования таким образом.

id s в HTML часто используются для CSS или JQuery, ну, идентифицируют этот элемент.

Если вы кодируете этот путь, вам будет нелегко выбрать другой код для этих элементов. Основными стандартами HTML являются использование уникальных id.