Класс применяется к ul или к оберточному div?

Question

Есть ли разница между № 1 и № 2? Я думаю о кросс-браузерной совместимости и доступности. Должен ли я предпочесть один подход другому или это не имеет значения? Любые ссылки на статьи на эту тему приветствуются.

<div class="tags">
<ul>
<li>tag 1</li>
<li>tag 2</li>
<li>tag 3</li>
</ul>
</div>


<ul class="tags">
<li>tag 1</li>
<li>tag 2</li>
<li>tag 3</li>
</ul>

Answer 1

DIV - это пустой (семантически бессмысленный) элемент, пока вы не передадите ему стили и контент. Поскольку и div, и uls являются элементами уровня блока по умолчанию, кажется, что это просто добавление дополнительного кода для использования оберточного div. Если вы не пытаетесь сделать что-то вроде, скажем, стилизации области вокруг ul, где вы можете захотеть использовать div для переноса с применением его собственных стилей. Есть ли у вас какая-то конкретная цель, которую мы можем видеть?

Answer 2

В тех случаях, когда я хочу поместить другое содержимое в контейнер, например, при вставке AJAX, я предпочитаю вариант 1. Поскольку оба элемента div и ul являются элементами уровня блока, добавление дополнительного контейнера div является излишним , если вы не хотите стилизовать div (т.е. padding)