Семантические теги в HTML 5

Для улучшения структуры контента, адаптации под различные устройства, а так же для поисковых ботов - в HTML 5 в разметку документа были введены семантические теги.

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

Список семантических тегов

Тег Описание
header шапка документа либо секции
nav основная навигация
aside вспомогательный контент
section семантически обособленная секция
main главный контент страницы
footer подвал документа либо секции
article статья или новость
figure автономный контент (картинка и т.п.)
figcaption подпись для figure
details дополнительные сведения
summary видимая подпись для details
mark выделенный текст
time время / дата
Комментарии 0

*** чтобы писать комментарии.