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

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

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

Для улучшения структуры контента, адаптации под различные устройства, а так же для поисковых ботов - в HTML 5 в разметку документа были введены СЕМАНТИЧЕСКИЕ ТЕГИ

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

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

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

 

 

Комментарии 0

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