- •Оглавление
- •Введение Актуальность темы
- •Цель работы
- •Основная часть
- •Что такое веб-стандарты?
- •Организации, разрабатывающие веб-стандарты
- •Классификация веб-стандартов
- •Концепция современных веб-документов
- •Применение веб-стандартов
- •Разделение сфер ответственности
- •Структура веб-документа - html и xhtml
- •Оформление документа - css
- •Связь css и html
- •Правила и каскадность css
- •Модели документов - Document Object Model, dom
- •Скриптовые языки
- •Объектная модель JavaScript
- •. EcmaScript – основа для других скриптовых языков
- •Развитие веб-стандартов
- •Важнейшие аспекты концепции веб-стандартов
- •Семантика
- •Валидность
- •Кроссбраузерность
- •Положительные следствия использования веб-стандартов
- •Ускорение загрузки веб-страниц
- •Облегчение машинной обработки
- •Бо́льшая гибкость в отношении различных сред и устройств
- •Лучшая доступность для пользователей с ограниченными возможностями
- •Доступность контента для пользователей устаревших браузеров
- •Гарантированная совместимость верстки с современными браузерами и последующими их версиями
- •Облегчение процесса разработки сайтов
- •Несоблюдение стандартов
- •Образование;
- •Бизнес-причины.
- •Системы электронной коммерции
- •Система управления содержимым
- •Образование
- •Бизнес-причины
- •Практическая часть
- •Способы проверки сайтов на соответствие стандартам
- •Соответствие современных сайтов стандартам
- •Заключение
- •Литература
Кроссбраузерность
Кроссбраузерность — свойство сайта отображаться и работать во всех популярных браузерах идентично. Под идентичностью понимается отсутствие развалов верстки и способность отображать материал с одинаковой степенью читабельности.
Кроссбраузерность остается одной из самых сложных проблем в веб-разработке. Следование веб-стандартам само по себе дает достаточно высокий уровень совместимости, но не все браузеры совершенны, старые браузеры часто удивляют разработчиков своим творческим подходом к обработке (X)HTML/CSS кода. Перед разработчиком стоит задача, обеспечения максимальной совместимости сайта с наиболее популярными браузерами, чтобы каждый посетитель мог с удобством его использовать.
Для проверки на кроссбраузерность можно установить несколько браузеров на компьютере. Существуют веб-сервисы, которые либо предоставляют удаленный доступ к браузеру через VPN либо позволяют просмотреть скриншоты отображения сайта:
в различных браузерах (семейство Mozilla, Internet Explorer, Opera, Safari, мобильные браузеры),
при различных разрешениях экрана (обычно 640×480, 800×600, 1024×768, 1280×800)
в различных операционных системах (Mac OS, Linux, Win).
Эффект от внесенных в разметку сайта изменений можно увидеть сразу же, несмотря на то, что на компьютере нет множества браузеров.
Положительные следствия использования веб-стандартов
Основные итоги использования разработчиками при создании сайтов веб-стандартов представлены на рис. 4.
Рис. 4. Итоги внедрения веб-стандартов
Рассмотрим каждый из них подробнее.
Ускорение загрузки веб-страниц
Код разметки, созданный в соответствии с духом и буквой современных веб-стандартов, включает в себя только такие элементы, которые необходимы для структурирования контента, и не содержит никакого лишнего мусора (например, элементов, ответственных не за описание структуры контента, а за его визуальное представление).
Таблицы стилей и скрипты клиентской стороны в данном случае, как правило, выносятся во внешние файлы. Каждый такой файл связан обычно с множеством HTML-страниц. Кэширование такого файла браузером исключает необходимость его повторной загрузки с каждой вновь открываемой страницей сайта.
Все это очевидным образом уменьшает объем данных, передаваемых от сервера клиенту, что, разумеется, способствует ускорению загрузки страниц.
Следует отметить и тот факт, что код, не содержащий ошибок, при прочих равных условиях легче и быстрее обрабатывается браузером — а это, в свою очередь, ускоряет процесс отображения страниц.
Облегчение машинной обработки
В современном мире страницы сайтов прочитываются далеко не только живыми людьми — конечными пользователями, но и активно обрабатываются различными машинными средствами — например, роботами поисковых систем, новостными агрегаторами и прочими подобными изобретениями.
Чем лучше структурирован контент, чем больше дополнительных уровней семантики содержит описание его структуры и чем меньше ошибок содержит код разметки, тем более качественно соответствующая страница может быть обработана автоматическими средствами.
Бо́льшая гибкость в отношении различных сред и устройств
CSS2 уже давно позволяет прозрачно для пользователя (то есть, не требуя от него никаких дополнительных действий) управлять представлением контента с учетом специфики различных сред и устройств, использующихся для вывода данных. В частности, можно создавать индивидуальные аппаратно-зависимые таблицы стилей или правила в общей таблице стилей, которые бы автоматически применялись при распечатке страниц, при просмотре их на маленьких экранах мобильных устройств и так далее. Этим механизмом (при посредстве директивы @media в CSS-коде или атрибута media HTML-элементов <style> и <link>) можно смело пользоваться на практике уже более семи лет. Дальнейшее развитие он получил в CSS3 в рамках модуля MediaQueries.
Многие разработчики до сих пор по инерции делают разные страницы с разными URL и одним содержанием, необоснованно заставляя пользователей разбираться со ссылками или кнопками в духе «Версия для печати», «Версия для КПК», «Обычная версия» для переключения между ними.