Почему структура имеет значение
Заголовок страницы, навигация, основной материал и подвал — разные части документа. Элементы header, nav, main, article и footer описывают их назначение. Это помогает вспомогательным технологиям, браузерным инструментам и разработчику, который откроет код через год. Семантика не запрещает сложную графику — она даёт ей надёжную основу.
Разметка как рабочая привычка
Используйте заголовки по смысловой иерархии, а не ради визуального размера. Кнопка подходит для действия, ссылка — для перехода. Список нужен для набора однородных пунктов. Избегайте кликабельных div, если стандартный элемент уже решает задачу с клавиатурой и фокусом.
Пример
В карточке публикации заголовок остаётся заголовком, а переход — ссылкой на постоянный URL заметки.
Три пункта для проверки
- Пройдите страницу только клавиатурой.
- Проверьте порядок h1–h3.
- Временно отключите CSS и оцените структуру документа.