Зачем использовать семантические HTML-теги?

Ключевая идея

Семантика = теги по смыслу (nav, main, article), а не всё в div.

Плюсы:

1. Доступность (landmarks для screen reader).
2. Понятнее SEO и поддержка.
3. Код читается без CSS.

<main>
  <article>
    <h1>Заголовок</h1>
  </article>
</main>

Итог: семантика делает структуру явной для людей, ассистивных технологий и поисковиков.