скрыть навигацию

Три кита Web-стандартов

 

Каким образом создавались сайты до того, как были приняты Web-стандарты и браузеры научились поддерживать их? Ответ — любым возможным способом. Какие только HTML-приемы не выдумывались для достижения хоть какого-то интересного представления информации. Создатели HTML были недовольны, наблюдая такие искажения языка, но дизайнерам ничего другого не оставалось, так как заказчики требовали красивых сайтов. Так были выработаны даже определенные нормы и появились школы, обучающие определенным методам HTML-верстки. Яркой приметой эпохи стала так называемая табличная верстка, которая и по сей день настолько популярна, что многие дизайнеры даже думать не хотят о чем-то другом. Сайт с табличной версткой может выглядеть очень красивым и удобным. Но, что же с ним не так?

Очевидно, что его владельцев должны беспокоить следующие два момента:

  1. финансовые затраты, связанные с трудностями при внесении любых, даже небольших, изменений. Таблица HTML, которая собирает воедино разные фрагменты изображения, просто разваливается на куски, если размер хоть одного рисунка будет изменен. Таким образом любые изменения повлекут за собой значительные расходы времени и сил.
  2. Невозможность просмотра сайта множеством потенциальных посетителей. Сайт, построенный на табличной верстке, совершенно недоступен для пользователей программ считывания с экрана и текстовых браузеров, устройств типа Palm Pilot и сотовых телефонов, а также для пользователей обычных браузеров с отключенной опцией показа изображений.

Мы не хотим сказать, что графика — это плохо или красота — это плохо. Напротив, красота необходима, но она должна быть доступна для всех посетителей.

Далее, показано, как можно решить описанные выше трудности с помощью Web-стандартов, разбив любую страницу на три составные части: структуру, оформление и поведение.

      Структура         Оформление       Поведение
   [HTML/XHTML/XML]    [CSS1/CSS2]    [ECMAScript/DOM]

Структура, оформление и поведение —
три компонента любой страницы в мире Web-стандартов

 

Структура
Язык разметки (XHTML: http://www.w3.org/TR/xhtml1) содержит текстовые данные, отформатированные согласно их смысловому значению: заголовок, подзаголовок, абзац, нумерованный список, список определений и так далее. При корректном написании (без ошибок, запрещенных тегов и атрибутов) код XHTML полностью пригоден к переносу на другую платформу. Он работает в Web-браузерах, программах чтения текста с экрана, текстовых браузерах и беспроводных устройствах. Код может содержать вложенные объекты, например, изображения, ролики Flash или фильмы QuickTime, а также теги и атрибуты, представляющие текст сайта в специальном виде для тех, кто не может просмотреть эти объекты в своем браузере.

Оформление
Языки оформления внешнего вида - два поколения языка таблиц стилей — CSS (CSS1: http://www.w3.org/TR/REC-CSS1; CSS2: http://www.w3.org/TR/REC-CSS2) — позволяют создать формат страницы, управлять шрифтами, расположением элементов, цветом и так далее. Благодаря отделению структуры от оформления можно изменять элементы, независимо друг от друга. Вы всегда сможете легко внести любые изменения в XHTML, не боясь разрушить оформление страницы, так как текст остается лишь текстом, он не несет ответственности за дизайн. Измените одно правило в глобальной таблице стилей, и перемены немедленно вступят в силу на всем сайте. Нужна версия для печати? Создайте таблицу стилей для печати, и все страницы будут прекрасно выглядеть на бумаге, независимо от их изображения на экране.

Поведение
Стандартная объектная модель документа (W3C DOM, http://www.w3.org/DOM/DOMTR#dom1) работает с CSS1, XHTML и ECMAScript 262 (http://www.ecma.ch/ecma1/STAND/ECMA-262.HTM), стандартной версией JavaScript, что позволяет создавать разнообразные варианты поведения страницы и эффектов на ней, работающих на разных платформах и в разных браузерах. Больше не нужен JavaScript только для Netscape или технологии ActiveX и JScript только для IE/Windows.

В зависимости от цели создания сайта и его аудитории, дизайнеры и разработчики могут использовать всю мощь Web-стандартов для полного разделения структуры, оформления и поведения. Либо можно создать переходный сайт, комбинируя старые и новые приемы и используя простую табличную разметку XHTML и технологию CSS для оформления сайта.

Простая структурная разметка XHTML, корректное использование таблиц стилей CSS1 и CSS2, а также скрипты, основанные на объектной модели документа W3C DOM, гарантируют сайту долгую жизнь по мере развития браузеров и стандартов, позволяют просматривать сайт как пользователям текстовых браузеров и программ чтения с экрана, так и пользователям появляющихся новых моделей беспроводных устройств. При этом обеспечивается совместимость как со старыми моделями браузеров, так и с новыми. Поэтому использование Web-стандартов является правильным выбором для большинства сайтов.

Обратившись к нам, вы убедитесь, что оптимальные методы разработки сайтов, сохранение целостности и совместимости, удовлетворительный уровень дизайна во всех пользовательских продуктах — это не просто недостижимый эталон; это пример того, как сайты могут работать уже сейчас при использовании Web-стандартов.

Если вам дороги все ваши клиенты и вы желаете увеличения количества посетителей на вашем сайте, посетите страницу, посвященную дизайну и редизайну сайтов.

По материалам книги Джеффри Зельдмана "Designing with Web Standards" (New Riders, 2004)

Обсудить статью

 

в начало страницы