Концепция современных веб-документов
Принято считать, что веб-документ составляют четыре материи: содержание, структура, представление и поведение (рис. 1).
Рис. 1. Составляющие веб-документа
Содержание — это, грубо говоря, «полезный груз» веб-страницы, тот текст, который вы видите, просматривая ее в окошке браузера. Содержание практически неотделимо от структуры.
Структура описывает различные смысловые единицы контента: заголовки, абзацы текста, списки, определения, цитаты и прочее.
Представление — гораздо более независимая от структурированного содержания категория. Оно описывает особенности отображения или воспроизведения контента. Примерами различных представлений могут служить внешние виды веб-страницы на большом экране монитора настольного компьютера или ноутбука, на маленьком экране мобильного устройства, на листе бумаги после распечатки. Помимо перечисленных нами визуальных представлений, могут быть и другие их виды: аудиальные (воспроизведение текста страницы речевым браузером), тактильные (печать этого документа на специальном брайлевском принтере или вывод контента веб-страницы на механическую строку Брайля для незрячих людей). Чрезвычайно важно понимать, что структурированное содержание единственно, тогда как его представления множественны. Одна и та же веб-страница может выглядеть (или, в более широком смысле, быть воспроизведена) совершенно по-разному в различных условиях.
Поведение — это динамическое изменение содержания, структуры и представления веб-страницы в зависимости от действий пользователя или каких-либо других событий.
Если говорить о конкретных технологиях, то для структурирования контента веб-страниц в современном мире используется HTML, за управление представлением отвечает CSS, а задачи управления поведением возложены на JavaScript.
Применение веб-стандартов
Разделение сфер ответственности
Современные web-стандарты позволяют разделить структуру документа, его оформление и поведение.
За структуру отвечает XHTML или HTML (XHTML — eXtensibleHyperTextMarkupLanguage — расширенный язык разметки гипертекста).
Внешний вид описывается на языке CSS (CSS — CascadingStyleSheets — каскадные таблицы стилей).
«Оживить» же страницу позволяет JavaScript, обращающийся к ее отдельным элементам в соответствии с DOM (DOM — DocumentObjectModel — объектная модель документа). JavaScript (под именем ECMAScript) был стандартизован; XHTML, CSS, DOM являются рекомендациями (фактически, тоже стандартами) Консорциума W3C.
Если рассматривать веб-стандарты в более широком смысле, не только как формальные рекомендации W3C, но и как некоторую выросшую вокруг них культуру веб-разработки с традициями написания кода, правилами этики и различными более тонкими моментами, то важна общая философия разрабатываемых консорциумом спецификаций.
Можно сверстать страницу, которая будет проходить проверку валидатором на соответствие спецификации XHTML 1.0 Transitional, но при этом код не будет обеспечивать даже минимально приемлемого уровня стандартов.
Впрочем, сказанное справедливо даже для XHTML 1.0 Strict и HTML5 — свободы там ощутимо меньше, но ее все равно более чем достаточно. Не применяйте тегов <h1>…<h6> для обособления заголовков; отделяйте абзацы текста друг от друга тегом <br>, не используя для этих целей элементы <p>; горизонтальные отступы создавайте при помощи последовательностей из множества неразрывных пробелов; вставляйте картинки, не являющиеся частью контента, а служащие декоративными элементами, всегда при помощи тега <img> вместо того, чтобы делать их фоновыми рисунками; старайтесь как можно чаще использовать inline-стили — и цель будет достигнута. Любой приверженец веб-стандартов с не слишком крепкими нервами упадет в обморок от вашего кода1.
С другой стороны, можно сверстать страницу с уважением к духу веб-стандартов, но допустить (случайно или намеренно) ошибки валидации.
Сегодня, в период, который увлеченные натуры называют эпохой Web 2.0, эта проблема особенно актуальна в связи с тем, что «автономные» сайты почти вымерли — все вокруг считают священным долгом понавешать себе на страницы всякие счетчики, виджеты социальных сетей, разнообразные информеры, рекламные блоки… И, мягко говоря, далеко не все эти произведения сторонних разработчиков идеальны. А перфекционистов, готовых пожертвовать каким-нибудь красивым виджетом в пользу абсолютного совершенства верстки, — единицы.