Семантика в веб-разработке относится к использованию HTML-тегов для определения смыслового значения и структуры содержимого на веб-странице. Использование семантических тегов делает HTML-код более понятным для браузеров, разработчиков и пользователей.
Вот некоторые примеры семантических тегов в HTML5:
<header>- используется для определения верхней части документа или раздела, которая может содержать заголовок, логотип, навигационное меню и другие элементы.<nav>- используется для определения навигационного меню на веб-странице.<main>- используется для определения основного содержимого страницы.<section>- используется для группировки содержимого в разделы на странице.<article>- используется для определения самостоятельного содержимого, которое может быть переиспользовано или распространено независимо от другого содержимого на странице.<aside>- используется для определения боковой панели или блока контента, который может быть связан с основным содержимым страницы.<footer>- используется для определения нижней части документа или раздела, которая может содержать копирайт, ссылки на социальные сети и другие элементы.
<!-- глобальные элементы -->
<header></header>
<!-- Заголовок страницы -->
<footer></footer>
<!-- Подвал страницы -->
<aside></aside>
<!-- Боковая панель -->
<nav></nav>
<!-- Навигация -->
<main></main>
<!-- Основной контент -->
<!-- локальные элементы -->
<p></p>
<!-- Абзац текста -->
<h1></h1>
<!-- Заголовок первого уровня -->
<em></em>
<!-- Выделение текста курсивом -->
<strong></strong>
<!-- Выделение текста жирным -->
<ul></ul>
<!-- Нумерованный список -->Это не полный список семантических тегов в HTML5, но эти теги являются наиболее распространенными и полезными для создания семантически правильной структуры веб-страницы.
Микроразметка (семантическая разметка) — это разметка информации на сайте с помощью тегов и дополнительных атрибутов, которые добавляют в HTML-код сайта.
Микроразметка нужна, чтобы упростить поисковым системам обработку информации, размещенной на веб-страницах. Благодаря разметке поисковые роботы лучше понимают, о чем сайт, и могут предоставить пользователю информацию в более структурированном и понятном виде.