— это элементы, которые предоставляют дополнительную информацию о содержании и структуре веб-страницы. Они помогают разработчикам и поисковым системам лучше понимать смысл и назначение различных блоков контента. В этом посте рассмотрим основные семантические теги и приведем примеры их использования.
Введение HTML5 привело к появлению множества новых семантических элементов, которые позволяют создавать более структурированный и понятный код. Вот список основных семантических тегов:
<header> -- шапка сайта или заголовок блока в <section><nav> -- навигация сайта, например меню на сайте<main> -- уникальный контент страницы, который не повторяется больше нигде.<section> -- блок.<article> -- статья или анонс статьи на другой страницы.<aside> -- незначительный элемент страницы. Например, рекламный баннер или сайдбар.<footer> -- подвал сайта или нижний контент <section>.<time> -- отображения времени поста, страницы и тд.<mark> -- выделение текста в справочных целей или на который стоит обратить внимание пользователю. Например при поиске им следует выделять ключевое слово в найденных постах.💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.
WEB PANDA | #верстка