
Для улучшения структуры контента, адаптации под различные устройства, а так же для поисковых ботов - в HTML 5 в разметку документа были введены СЕМАНТИЧЕСКИЕ ТЕГИ
Семантические теги позволили просто и понятно размечать структуру веб-страниц. С их помощью можно разбить страницу на составные элементы: можно выделить в отдельные блоки шапку и подвал сайта, меню, блок основной статьи и т.д. Это значительно улучшило юзабилити для поисковых ботов, скринридеров и голосовых помошников.
Список семантических тегов
Тег | Описание |
---|---|
header | шапка документа либо секции |
nav | основная навигация |
aside | вспомогательный контент |
section | семантически обособленная секция |
main | главный контент страницы |
footer | подвал документа либо секции |
article | статья или новость |
figure | автономный контент (картинка и т.п.) |
figcaption | подпись для figure |
details | дополнительные сведения |
summary | видимая подпись для details |
mark | выделенный текст |
time | время / дата |
*** Авторизируйтесь чтобы писать комментарии.