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