Важнейшие аспекты концепции веб-стандартов

Фундаментальные аспекты концепции современных веб-стандартов – кроссбраузерность, семантика и валидность. Сайт должен быть максимально совместимым с наиболее популярными браузерами, детальное тестирование в различных браузерах и операционных системах – это единственный способ обеспечить нормальное функционирование сайта.

Семантика

Семантика в языкознании - это значение, смысл слова, речевого оборота, грамматической формы. Семантическая разметка веб-документа – это, в широком смысле, внимательное отношение к смысловой нагрузке тех или иных структурных единиц при написании кода.

Существует несколько уровней использования семантики.

· Базовый уровень семантики - использование структурных элементов HTML строго по назначению.

· Следующий, более тонкий уровень - грамотное именование классов и идентификаторов элементов, использующихся в CSS-коде, сообразно их смысловой нагрузке, но никак не особенностям визуального представления.

· Еще более высокий уровень - использование сверх основной HTML-разметки каких-либо дополнительных метаданных, облегчающих возможную машинную обработку контента (примеры средств реализации – микроформаты, Microdata и RDFa).

Валидность

Валидность – это соответствие кода формальным требованиям спецификаций.

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

Проверить веб-документ на валидность можно с помощью специального онлайн-инструмента –валидатора. О них мы расскажем чуть позже.

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

При оценке веб-документа семантика невозможна без валидности и наоборот, несмотря на явное различие этих двух понятий.

Кроссбраузерность

Кроссбраузерность — свойство сайта отображаться и работать во всех популярных браузерах идентично. Под идентичностью понимается отсутствие развалов верстки и способность отображать материал с одинаковой степенью читабельности.

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

· в различных браузерах

· при различных разрешениях экрана

· в различных операционных системах

 Ключевые концепции философии современных веб-стандартов важны не сами по себе, а исключительно благодаря тем положительным следствиям, которые порождают уважительное отношение к этим самым концепциям со стороны веб-разработчиков в повседневной практике.

Ускорение загрузки веб-страниц

Код разметки, созданный в соответствии с современными веб-стандартами, включает в себя только такие элементы, которые необходимы для структурирования контента, и не содержит никакого лишнего мусора.

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

Все это очевидным образом уменьшает объем данных, передаваемых от сервера клиенту, что, разумеется, способствует ускорению загрузки страниц.

Облегчение машинной обработки

Страницы сайтов активно обрабатываются различными машинными средствами — например, роботами поисковых систем, новостными агрегаторами и прочими подобными изобретениями.

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

Бо́льшая гибкость в отношении различных сред и устройств

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

Многие разработчики до сих пор по инерции делают разные страницы с разными URL и одним содержанием, необоснованно заставляя пользователей разбираться со ссылками или кнопками в духе «Версия для печати», «Версия для КПК», «Обычная версия» для переключения между ними.

Лучшая доступность для пользователей с ограниченными возможностями

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

Сохранение структуры контента простой и линейной гарантирует, что при просмотре с отключенными стилями или с применением пользовательской таблицы стилей (а слабовидящие люди часто пользуются такой возможностью) все содержимое страницы можно будет вполне комфортно, в адекватной последовательности прочесть.