В чем особенность тега div?
Теги и их категории
`div` — универсальный блочный контейнер без смыслового значения. Он нужен для группировки и оформления, когда подходящего семантического тега нет.
Особенности
- Блочный по умолчанию: начинается с новой строки, занимает всю ширину.
- Нет семантики — скринридеры не объявляют его роль, поисковики не придают значения.
- Нет поведения — не фокусируется, не реагирует на клавиатуру, в отличие от
buttonилиa. - Может содержать почти что угодно — блочные и строчные элементы.
<div class="card">
<h2>Заголовок</h2>
<p>Текст</p>
</div>Когда использовать
- обёртки для раскладки (flex- и grid-контейнеры);
- группировка для стилей;
- когда нет подходящего семантического тега.
Когда не использовать
Если есть смысловой аналог: header, nav, main, section, article, button, ul.
Коротко для собеседования
div — блочный контейнер без семантики и поведения; его используют для раскладки и группировки, когда нет подходящего смыслового тега.
Подробнее: MDN — div