HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.
Семантика — раздел лингвистики, изучающий смысловое значение единиц языка.
Семантическая верстка означает, что каждый элемент на странице размечается тем тегом, который непосредственно для этого предназначен. Это повышает эффективность распознаванием браузером кода, положительно влияет на поведение элементов страниц, а также улучшает визуальное отображение страницы даже в случае низкой скорости интернет-соединения (когда большие объемы CSS файлов не могут загрузиться — браузер применит визуальное оформление в соответствии со своими правилами по умолчанию на основе полученной HTML разметки.) Кроме преимуществ связанных с рендерингом страницы браузером, семантическая верстка является очевидным плюсом для поисковой оптимизации — поисковые машины лучше индексируют верно структурированный контент, размеченный согласно стандартам HTML и смысловой структуре.
Самый простой пример семантической верстки можно привести в контексте аналогии с разметкой документов в редакторе Microsot Word. Каждый, кто сталкивался с созданием объемных многостраничных документов знает, что такое автоматически сформированное оглавление. Оно строится на основе многоуровневой структуры заголовков. Если верно разметить заголовки с помощью специального формата то оглавление соберется автоматически. Тоже самое можно сказать и о HTML странице — если заголовки будут размечены специально предназначенными для этого тегами, и браузеру и поисковой машине будет проще разобрать структуру документа и отобразить его пользователю максимально верно и понятно. В свою очередь поисковая машина сможет эффективно проиндексировать и затем ранжировать в результатах поиска. Это повысит эффективность всего сайта в целом, и его конверсию в частности.
Если говорить в целом, то смысл семантической верстки сводится к тому, что, табличные данные размечались тегами предназначенными для таблиц, различные списки тегами для списков, для заголвоков существует свой формат и так далее.
Приводить полный перечень тегов — не является темой данной статьи. Статья скорее вводная, и предназначена для общего ознакомления с темой всех заинтересованных специалистов.
Важность семантической верстки очевидна, а основными навыками должны обладать не только специалисты-верстальщики, но и контент-менеджеры, хотя бы на начальном уровне. Это позволит создавать качественные, профессионально оформленные сайты, которые принесут прибыль их владельцу и выполнят задачи и ожидания пользователя.
