Любой HTML-документ имеет смысловые отношения между своими HTML-элементами (тегами), совокупность которых называют семантикой в верстке. Наделенная смыслом верстка, одинаково удобная для чтения как человеком, так и компьютером, является семантической. Понятная и легкая семантическая верстка позволяет видеть и читать веб-страницу по коду HTML. Такая страница всегда иерархически последовательна и логична.

В разных браузерах страница с семантической версткой может выглядеть по-разному, но она всегда валидна, т.е. соответствует W3C рекомендациям. Достигается это за счет оправданного применения каждого элемента HTML разметки, а также четкого выделения всех элементов текста веб-страницы: заголовков разных уровней, которые расположены по порядку, абзацев, таблиц, списков определений, и т.д.

Как проверить, семантическая верстка у веб-страницы, или нет? Для такой проверки нужно в HTML-документе отключить CSS, чтобы были применены CSS стили по умолчанию ко всем элементам. Вид документа в этом случае (при семантической верстке) будет напоминать книгу. Семантическая верстка позволяет быстро вносить любые изменения в содержание страницы (в HTML код), что в итоге способствует экономии времени и денег.