1.8.9 Организация структуры страницы
Данные теги ничем, кроме семантического значения, от тега <div> не отличаются (за исключением <address>). Но мы крайне рекомендуем размечать страницу с помощью них. Так ваши страницы смогут адекватно распознавать поисковые роботы, а люди, у которых есть проблемы со зрением, смогут читать ваши страницы с помощью браузеров для слепых.
Верхние колонтитулы
<header>...</header>
Тип отображения по умолчанию block (блочный элемент). Используется для размещения вводного материала и/или навигационных элементов. Обычно это шапка сайта или вводный материал в начале страницы, раздела или статьи. На странице может встречаться несколько раз и в разных местах (не обязательно в начале страницы). Нельзя помещать внутрь тегов <footer>, <header>, <address>.
Нижние колонтитулы
<footer>...</footer>
Тип отображения по умолчанию block (блочный элемент). Используется для размещения информации об авторе, копирайте, или как нижний колонтитул всей страницы, в который также можно поместить сведения об авторских правах, ссылки на связанное содержимое, контактную информацию и т.д. На странице может встречаться несколько раз и в разных местах (не обязательно в конце страницы). Нельзя помещать внутрь тегов <footer>, <header>.
Основное содержимое документа
<main>...</main>
Тип отображения по умолчанию block (блочный элемент). Используется для выделения основного содержимого документа. Контент внутри этого элемента должен быть уникальным и не повторяться во всех документах сайта, таких как навигационные ссылки, информация о копирайте, логотипы, формы поиска и т.д.
Группировка записей
<article>...</article>
Тип отображения по умолчанию block (блочный элемент). Используется для группировки записей — публикаций, статей, записей блога, комментариев. Представляет собой независимый обособленный блок, предназначенный для многократного использования, как правило, начинается с заголовка. Если на странице присутствует только одна статья с заголовком и текстовым содержимым, она не нуждается в обёртке этим элементом. Может быть внутри тега <section>.
Группировка разделов
<section>...</section>
Тип отображения по умолчанию block (блочный элемент). Используется для группировки тематических разделов страницы. Обычно содержит заголовок. Обычно им разделяют страницу на блок с вводной информацией, новости, контакты и т.д. Может быть внутри тега <article>.
Сноски
<aside>...</aside>
Тип отображения по умолчанию block (блочный элемент). Используется для группировки содержимого, связанного с окружающим его контентом напрямую, но которое можно счесть отдельным. Удаление этого блока не должно влиять на понимание основного содержимого. Это могут быть боковые сноски (как в книгах), группы элементов или цитаты. Не подходит для блоков, которые используются как сайдбары. Обычно содержится внутри тега <article>.
Навигация
<nav>...</nav>
Тип отображения по умолчанию block (блочный элемент). Используется для создания блока навигации по сайту. Может находиться внутри тега <header>, но не обязательно. На странице может быть несколько элементов <nav>. Нельзя использовать его как обёртку группы ссылок, не связанной с навигацией по сайту. Также не приветствуется использование этого тега внутри <footer>. Если нужно расположить карту сайта внутри <footer>, то воспользуйтесь тегом <div>.
Контактная информация
<address>...</address>
Тип отображения по умолчанию block (блочный элемент). Используется для определения контактной информации автора/владельца документа или статьи. Для обозначения автора документа тег размещают внутри элемента <body>, для отображения автора статьи — внутри тега <article>. Имеет дополнительный стиль по умолчанию — курсивное начертание текста внутри этого элемента.