Вы сохраняете class/id на том же самом div или разбиваете их?

Question

Так как я не смог найти ничего по документации yui3, прошу вас высказать свое мнение по этому вопросу ниже. Какова лучшая практика и почему?

<div class="yui3-u-1-3" id="logo">
... content
</div>

или же

<div class="yui3-u-1-3">
<div id="logo">
..... content
</div>
</div>

С уважением, Замок

Answer 1

Я рекомендую использовать идентификаторы в HTML-коде, специально разработанном для макета.

например.

• #outer-container
• #wrapper
• #sidebar

Сказав, что, если есть хоть какой-то шанс, даже удаленный, что у вас может быть несколько таких экземпляров на вашей странице, тогда будьте осторожны и используйте классы.

Есть некоторые преимущества в производительности (хотя сейчас это почти ничтожно, с более быстрыми движками и скоростью рендеринга в браузере):

• Селекторы ID немного быстрее в вашем CSS
• Селекторы ID более эффективны, чем хуки с использованием JS

Прочитайте этот замечательный раздел электронной книги SMACSS Джонатана Снука: https://smacss.com/book/type-layout

Answer 2

Я бы предпочел использовать CLASS поверх ID до тех пор, пока что-то не станет явным, я использую сетку yui3 с последних 2 лет. пока идет отлично..

<div class="yui3-u-1-3 logo">
content 
</div>

или же

<div class="yui3-u-1-3">
 <h5 class="logo">logo goes here</h5>
</div>