Как семантическая разметка изменила использование тегов header и div в HTML?

Семантическая разметка изменила использование тегов

и

в HTML. 14

Вместо элементов

, которым присваивали классы class или идентификаторы id для наглядности разметки (например,

), стандарт HTML5 предоставил новые семантические элементы для структурирования, группировки контента и разметки текстового содержимого. 1

Например, вместо тега

можно писать просто

. 2 Это позволило улучшить структуру веб-страницы, добавив смысловое значение заключённому в них содержимому. 1

Тег

теперь формирует верхнюю часть элемента или страницы (шапку, основной заголовок или группу заголовков), при этом может располагаться в любой части страницы или вообще отсутствовать. 4