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