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