Семантические структурные теги

С точки зрения поведения в браузере эти теги являются аналогами тега div, но имеют отличие в семантике - т.е. в описании для поисковых программ-роботов смысла находящегося в этих тегах контента.

Cлужит для объединения вводного или навигационного контента. Он может содержать как заголовки, так и прочие элементы: например логотип, форму поиска по сайту и так далее

Нижний колонтитул для страницы сайта или секции. Обычно содержит информацию об авторе секции, информацию об авторском праве или ссылки на связанные документы.

section

Автономная секция без специфических тегов. Как правило с заголовком.

article

Самостоятельная часть документа, страницы, приложения или сайта, предназначенную для дальнейшего распространения или повторного использования. Может быть как записью в блоге так и целой статьей на странице сайта-журнала или сайта-газеты.

Обязательно содержит заголовок.

Может иметь вложенные article. Например статья в блоге и комментарии к статье.

Указывать автора можно через тег address, а дату и время публикации - через теги time с атрибутом datetime

main

Содержит в себе основной контент документа и должен быть один на документ.

aside

Cлужит для обозначение размещения раздела документа с контентом, косвенно связанным с основным содержимым документа. Как правило размещается как боковая панель)

Cлужит для обозначение ссылок навигации . На странице этих элементов может быть несколько. Например, в header обычно размещают ссылки на основные страницы сайта, а в aside - ссылки на навигацию по рубрикам (якорные ссылки)

back up