Вопрос проверяет понимание смыслового использования HTML-тегов и их роли для браузеров, поисковиков и вспомогательных технологий.
Семантическая верстка — это использование HTML-тегов по их смысловому назначению.
Она помогает браузерам и поисковым системам лучше понимать структуру страницы.
Также она улучшает доступность для скринридеров.
Вместо универсальных <div> используются теги вроде <header>, <main>, <article>.
HTML предоставляет теги, которые описывают не внешний вид, а смысл содержимого. Семантическая верстка строится на использовании именно таких элементов.
Семантическая верстка — это подход к HTML-разметке, при котором элементы выбираются исходя из их смысловой роли, а не визуального оформления.
На практике семантика реализуется через специализированные HTML-элементы:
<header> — шапка страницы или раздела
<nav> — навигация
<main> — основной контент страницы
<section> — логический раздел
<article> — независимый контентный блок
<footer> — подвал страницы или секции
Использование семантических тегов дает несколько преимуществ:
Улучшает читаемость HTML-кода
Помогает поисковым системам понимать структуру страницы
Повышает доступность для screen reader
Упрощает поддержку и развитие проекта
<main>
<article>
<header>
<h1>Заголовок статьи</h1>
</header>
<p>Текст статьи</p>
</article>
</main>
Семантическая верстка делает HTML-документ осмысленным. Это улучшает доступность, SEO и качество поддержки кода, поэтому должна использоваться по умолчанию.