Хорошо или плохо верстать на Div

«Хорошо или плохо верстать на Div» — вопрос из категории HTML, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Верстать на div — не всегда плохо, но и не всегда хорошо.

Плюсы:

  • div универсален, легко стилизуется и управляется через CSS/JS.
  • Подходит для сложных структур, где семантика не важна (например, контейнеры, обёртки).

Минусы:

  • Нарушает семантику HTML. Теги вроде header, nav, section, article помогают поисковикам и скринридерам понимать структуру страницы.
  • Ухудшает доступность (a11y), если не заменяет семантические теги.

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

<div class="modal-overlay">...</div> <!-- Нет семантического аналога -->

Когда избегать:

<!-- Плохо -->
<div class="header">...</div>  

<!-- Лучше -->
<header>...</header>

Вывод: div — инструмент, но не замена семантике.