Верстка сайта
Верстка сайта – это своеобразное преобразование графических макетов веб-страниц в статические электронные документы, которые составляются с помощью специального языка разметки гипертекста HTML, а затем оформляются при помощи стилевых спецификаций CSS. Другими словами, верстальщик «оживляет» полученное на этапе разработки дизайна графическое изображение сайта: расставляет элементы веб-страниц по своим местам, заставляет работать гиперссылки, навигационные меню, интерактивные формы и другие элементы пользовательского интерфейса. В конечном итоге сверстанные статические прототипы веб-страниц становятся доступными для просмотра в любом из современных браузеров (специальных программ, предназначенных для поиска и просмотра сайтов).
Веб-стандарты
В отличие от других этапов разработки сайта, к верстке веб-страниц предъявляются несколько специфических требований и рекомендаций, которые разработаны и официально утверждены одной из самых авторитетных организаций в области стандартизации Всемирной Сети – Консорциумом W3C. В обиходе все эти требования и рекомендации часто называют «веб-стандартами».
С момента своего образования в 1994 году Консорциум W3C проделал огромную работу, выпустив более 80 технических спецификаций и рекомендаций. Одним из таких стандартов как раз и является язык разметки гипертекста HTML. Официальный документ, определяющий данный стандарт, содержит полный перечень допустимых конструкций языка разметки гипертекста, а также подробно описывает их синтаксис и семантику. Несмотря на обилие технических терминов, на самом деле все не так уж и сложно. По крайней мере, понятия «синтаксис» и «семантика» должны быть нам знакомы еще со школьных времен.
Синтаксическая корректность
Язык разметки гипертекста, как и любой обычный язык (русский, английский, албанский), имеет свой синтаксис (правила правописания). Несложно догадаться, что именно оттого, насколько грамотно составлен электронный документ, будет зависеть его правильное отображение в браузерах.
Обратите внимание, что именно «браузерах», а не «браузере», поскольку браузеры бывают разные: Internet Explorer, Mozilla Firefox, Opera, Safari, а также некоторые другие, менее популярные. Поскольку любой владелец сайта в первую очередь заинтересован в увеличении посещаемости своего ресурса, вряд ли его порадует известие о том, что значительная доля посетителей сайта пользуется браузером, в котором сайт отображается совершенно непрезентабельно из-за синтаксических ошибок верстки. По этой причине первоочередной задачей верстальщика является обеспечение правильного и идентичного отображения сайта во всех современных браузерах, что может быть достигнуто только в случае грамотной (синтаксически корректной) верстки веб-страниц.
Кроме того, поскольку браузер является программным обеспечением, ему свойственно время от времени «обновляться». Иначе говоря, прогресс не стоит на месте и производители браузеров периодически выпускают новые версии своих программных продуктов. Иногда это приводит к тому, что корректно отображающийся в текущей версии браузера сайт начинает отображаться в новой версии этого браузера совершенно по-иному. В данном контексте синтаксическая корректность верстки сайта позволяет обрести уверенность в том, что сайт будет правильно обработан и отображен большинством браузеров не только нынешнего, но и будущих поколений.
Семантическая корректность
Небезызвестно, что любой документ, в том числе и электронный, имеет определенную структуру и может состоять из множества различных элементов. В самом простом случае такими элементами являются заголовки, подзаголовки и абзацы с текстом. В электронных документах все эти элементы должны особым образом размечаться с помощью специальных конструкций языка HTML.
Семантическая корректность верстки подразумевает грамотное использование конструкций языка HTML не с точки зрения синтаксиса, а с точки зрения их смыслового назначения (семантики). Проще говоря, заголовки в электронных документах должны размечаться с помощью HTML-конструкций, предназначенных для разметки заголовков, подзаголовки – с помощью HTML-конструкций, предназначенных для разметки подзаголовков, а абзацы с текстом – с помощью HTML-конструкций, предназначенных для разметки абзацев. В принципе, логично, не так ли?
Тем не менее, подавляющее большинство сайтов в сети Интернет сверстаны с грубыми нарушениями семантических требований стандарта HTML. Существует множество исторических причин, по которым произошло подобное безобразие, но это уже слишком технический вопрос. При желании вы можете найти более подробную информацию по этой теме на специальном тематическом проекте webstandards.org.ru, посвященном разработке веб-сайтов на основе современных веб-стандартов.
Если же не вдаваться в различные технические подробности, можно попросту отметить, что семантическая корректность имеет ряд бесспорных достоинств и преимуществ, главное из которых – лучшая индексация сайтов поисковыми роботами. Другими словами, грамотная семантическая верстка изначально способствует успешному продвижению сайта в поисковых системах. Кроме того, семантически корректные документы быстрее загружаются и могут успешно отображаться не только на мониторах персональных компьютеров, но и на любых других устройствах вывода (мобильные телефоны, КПК, цифровые проекторы).
В своей работе мы неукоснительно соблюдаем рекомендации Консорциума W3C. Все разработанные нами сайты сверстаны в рамках идеологии разделения структуры и представления и полностью удовлетворяют как синтаксическим, так и семантическим требованиям стандарта HTML 4.01 Strict.
Хотите проверить?
