Что такое семантическая верстка и для чего она используется?

Question

Семантическая верстка — это использование HTML-тегов по их смысловому назначению.
Она помогает браузерам и поисковым системам лучше понимать структуру страницы.
Также она улучшает доступность для скринридеров.
Вместо универсальных <div> используются теги вроде <header>, <main>, <article>.

используются теги вроде

,

.

YeaHub · Accepted Answer

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

— шапка страницы или раздела

— навигация

— основной контент страницы

— логический раздел

— независимый контентный блок