Семантический подход к созданию веб-страниц отличается от несемантического тем, что в первом случае используется разметка, передающая смысл содержимого страницы, а во втором — только её внешний вид. 8

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

Несемантические элементы, в отличие от семантических, не имеют никакого значения и ничего не говорят о содержимом, которое они содержат. 2

Некоторые примеры семантических тегов: