Верстка сайта
– это своеобразное преобразование графических макетов
веб-страниц в статические электронные документы, которые составляются
с помощью специального языка разметки гипертекста HTML, а затем оформляются при помощи стилевых спецификаций CSS. Другими словами, верстальщик «оживляет» полученное на этапе разработки дизайна
графическое изображение сайта: расставляет элементы веб-страниц
по своим местам, заставляет работать гиперссылки, навигационные меню,
интерактивные формы и другие элементы пользовательского интерфейса.
В конечном итоге сверстанные статические прототипы веб-страниц
становятся доступными для просмотра в любом из современных браузеров
(специальных программ, предназначенных для поиска и просмотра сайтов).
Веб-стандарты
В
отличие от других этапов разработки сайта, к верстке веб-страниц
предъявляются несколько специфических требований и рекомендаций,
которые разработаны и официально утверждены одной из самых авторитетных
организаций в области стандартизации Всемирной Сети – Консорциумом W3C. В обиходе все эти требования и рекомендации часто называют «веб-стандартами».
С момента своего образования в 1994 году Консорциум W3C проделал огромную работу, выпустив более 80 технических спецификаций
и рекомендаций. Одним из таких стандартов как раз и является язык
разметки гипертекста HTML. Официальный документ, определяющий данный стандарт, содержит полный перечень допустимых конструкций языка разметки гипертекста, а также подробно описывает их синтаксис и семантику.
Несмотря на обилие технических терминов, на самом деле все
не так уж и сложно. По крайней мере, понятия «синтаксис» и «семантика»
должны быть нам знакомы еще со школьных времен.
Синтаксическая корректность
Язык разметки гипертекста, как и любой обычный язык (русский,
английский, албанский), имеет свой синтаксис (правила правописания).
Несложно догадаться, что именно оттого, насколько грамотно составлен
электронный документ, будет зависеть его правильное отображение в браузерах.
Обратите внимание, что именно «браузерах», а не «браузере», поскольку браузеры бывают разные: Internet Explorer, Mozilla Firefox, Opera, Safari,
а также некоторые другие, менее популярные. Поскольку любой владелец
сайта в первую очередь заинтересован в увеличении посещаемости своего
ресурса, вряд ли его порадует известие о том, что значительная доля
посетителей сайта пользуется браузером, в котором сайт отображается
совершенно непрезентабельно из-за синтаксических ошибок верстки.
По этой причине первоочередной задачей верстальщика является
обеспечение правильного и идентичного отображения сайта во всех
современных браузерах, что может быть достигнуто только в случае
грамотной (синтаксически корректной) верстки веб-страниц.
Кроме того, поскольку браузер является программным обеспечением, ему
свойственно время от времени «обновляться». Иначе говоря, прогресс
не стоит на месте и производители браузеров периодически выпускают
новые версии своих программных продуктов. Иногда это приводит к тому,
что корректно отображающийся в текущей версии браузера сайт начинает
отображаться в новой версии этого браузера совершенно по-иному.
В данном контексте синтаксическая корректность верстки сайта позволяет
обрести уверенность в том, что сайт будет правильно обработан
и отображен большинством браузеров не только нынешнего, но и будущих
поколений.
Семантическая корректность
Небезызвестно, что любой документ, в том числе и электронный, имеет
определенную структуру и может состоять из множества различных
элементов. В самом простом случае такими элементами являются заголовки,
подзаголовки и абзацы с текстом. В электронных документах все эти
элементы должны особым образом размечаться с помощью специальных
конструкций языка HTML.
В отличие от синтаксической корректности, семантическая корректность
является более абстрактным понятием и означает грамотное использование
конструкций языка HTML не с точки зрения синтаксиса, а с точки зрения их смыслового назначения
(семантики). Проще говоря, заголовки в электронных документах должны
размечаться с помощью HTML-конструкций, предназначенных для разметки заголовков, подзаголовки – с помощью HTML-конструкций, предназначенных для разметки подзаголовков, а абзацы с текстом – с помощью HTML-конструкций, предназначенных для разметки абзацев. В принципе, логично, не так ли?
Тем не менее, подавляющее большинство сайтов в сети Интернет сверстаны с грубыми нарушениями семантических требований стандарта HTML.
Существует множество исторических причин, по которым произошло подобное
безобразие, но это уже слишком технический вопрос.
Если же не вдаваться в различные технические подробности, можно
попросту отметить, что семантическая корректность имеет ряд бесспорных
достоинств и преимуществ, главное из которых – лучшая индексация сайтов
поисковыми роботами. Другими словами, грамотная семантическая верстка
изначально способствует успешному продвижению сайта в поисковых
системах. Кроме того, семантически корректные документы быстрее
загружаются и могут успешно отображаться не только на мониторах
персональных компьютеров, но и на любых других устройствах вывода
(мобильные телефоны, КПК, цифровые проекторы).
В отличие от многих российских веб-студий, в своей работе мы неукоснительно соблюдаем рекомендации Консорциума W3C.
Все разработанные нами сайты сверстаны в рамках идеологии разделения
структуры и представления и полностью удовлетворяют как синтаксическим,
так и семантическим требованиям стандарта HTML 4.01 Strict.
 Наши преимущества |
Comments on this entry (2 comments)
Enjoy this Post? You can discuss and share your opinion about it! Just do it over here.
Add Your Comment