# Семантическая разметка

URL: https://chugunov.pro/glossary/frontend/semanticheskaia-razmetka/
Оригинальное название: semantic markup
Раздел: [Frontend](https://chugunov.pro/glossary/frontend/)
Обновлено: 28.07.2026.
Источник: глоссарий веб-разработки chugunov.pro.

## Коротко

Использование HTML-элементов в соответствии с их смыслом, чтобы структуру понимали браузеры, поисковые системы и вспомогательные технологии.

## Что такое «Семантическая разметка»

Использование HTML-элементов в соответствии с их смыслом, чтобы структуру понимали браузеры, поисковые системы и вспомогательные технологии. Теги `header`, `nav`, `main`, `article`, `footer` описывают роль частей страницы, а не только их вид. Семантика улучшает доступность, SEO и читаемость кода по сравнению со сплошными `div`. Выбор элемента по смыслу — основа качественной вёрстки.

## Связанные термины

- [Семантика](https://chugunov.pro/glossary/frontend/semantika/) — Смысл, который элемент, атрибут или конструкция передают браузеру, разработчику и вспомогательным технологиям.
- [Доступность интерфейса](https://chugunov.pro/glossary/frontend/dostupnost-interfeisa/) — Практика создания сайтов и приложений, которыми могут полноценно пользоваться люди с разными физическими, сенсорными и когнитивными особенностями.
- [Подвал страницы](https://chugunov.pro/glossary/frontend/podval-stranitsy/) — Нижняя смысловая область страницы или раздела, где часто размещают контакты, навигацию и служебную информацию.
- [Шапка страницы](https://chugunov.pro/glossary/frontend/shapka-stranitsy/) — Верхняя смысловая область страницы или раздела, часто содержащая название, логотип, меню и вводную информацию.
- [HTML-элемент](https://chugunov.pro/glossary/frontend/html-element/) — Структурная единица документа, заданная тегом, атрибутами, содержимым и соответствующим узлом DOM.
- [Корни секционирования](https://chugunov.pro/glossary/frontend/korni-sektsionirovaniia/) — HTML-элементы, внутри которых структура заголовков рассматривается как самостоятельная для целей разметки.
- [Экранный диктор](https://chugunov.pro/glossary/frontend/ekrannyi-diktor/) — Программа доступности, озвучивающая текст, структуру и элементы управления интерфейса.
- [Classitis](https://chugunov.pro/glossary/frontend/classitis/) — Чрезмерное добавление CSS-классов без необходимости, усложняющее разметку и поддержку стилей.