PassFront
  1. PassFront
  2. База знаний
  3. Теги и их категории

В чем особенность тега div?

Теги и их категории

`div` — универсальный блочный контейнер без смыслового значения. Он нужен для группировки и оформления, когда подходящего семантического тега нет.

Особенности

  • Блочный по умолчанию: начинается с новой строки, занимает всю ширину.
  • Нет семантики — скринридеры не объявляют его роль, поисковики не придают значения.
  • Нет поведения — не фокусируется, не реагирует на клавиатуру, в отличие от button или a.
  • Может содержать почти что угодно — блочные и строчные элементы.
<div class="card">
  <h2>Заголовок</h2>
  <p>Текст</p>
</div>

Когда использовать

  • обёртки для раскладки (flex- и grid-контейнеры);
  • группировка для стилей;
  • когда нет подходящего семантического тега.

Когда не использовать

Если есть смысловой аналог: header, nav, main, section, article, button, ul.

Коротко для собеседования

div — блочный контейнер без семантики и поведения; его используют для раскладки и группировки, когда нет подходящего смыслового тега.

Подробнее: MDN — div

Другие вопросы раздела