- •Оглавление
- •Введение Актуальность темы
- •Цель работы
- •Основная часть
- •Что такое веб-стандарты?
- •Организации, разрабатывающие веб-стандарты
- •Классификация веб-стандартов
- •Концепция современных веб-документов
- •Применение веб-стандартов
- •Разделение сфер ответственности
- •Структура веб-документа - html и xhtml
- •Оформление документа - css
- •Связь css и html
- •Правила и каскадность css
- •Модели документов - Document Object Model, dom
- •Скриптовые языки
- •Объектная модель JavaScript
- •. EcmaScript – основа для других скриптовых языков
- •Развитие веб-стандартов
- •Важнейшие аспекты концепции веб-стандартов
- •Семантика
- •Валидность
- •Кроссбраузерность
- •Положительные следствия использования веб-стандартов
- •Ускорение загрузки веб-страниц
- •Облегчение машинной обработки
- •Бо́льшая гибкость в отношении различных сред и устройств
- •Лучшая доступность для пользователей с ограниченными возможностями
- •Доступность контента для пользователей устаревших браузеров
- •Гарантированная совместимость верстки с современными браузерами и последующими их версиями
- •Облегчение процесса разработки сайтов
- •Несоблюдение стандартов
- •Образование;
- •Бизнес-причины.
- •Системы электронной коммерции
- •Система управления содержимым
- •Образование
- •Бизнес-причины
- •Практическая часть
- •Способы проверки сайтов на соответствие стандартам
- •Соответствие современных сайтов стандартам
- •Заключение
- •Литература
Лучшая доступность для пользователей с ограниченными возможностями
Хорошая разметка более адекватно обрабатывается не только уже названными выше поисковыми роботами и разного рода агрегаторами, но и, например, речевыми браузерами, крайне важными для незрячих и слабовидящих людей. Четкое описание структуры позволяет программам синтеза речи выделять те или иные смысловые единицы контента интонационно.
Отказ от таких дремучих технических приемов, как, например, использование предусмотренных в HTML таблиц для нужд позиционирования порций контента на пространстве страницы (а не для структурирования табличных по своей природе данных, что является единственным предназначением элемента <table>) позволяет почти всегда сохранять структуру контента простой, линейной (даже если экранное представление с множеством хитро разбросанных по странице блоков кажется на первый взгляд сложным и замысловатым). Это, в свою очередь, гарантирует, что при просмотре с отключенными стилями или с применением пользовательской таблицы стилей (а слабовидящие люди часто пользуются такой возможностью) все содержимое страницы можно будет вполне комфортно, в адекватной последовательности прочесть.
CSS2.1 предусматривает специальные типы сред (braille и embossed) в отношении механических строк Брайля и брайлевских принтеров. Поддерживается также тип speech в отношении сред речевого вывода — правда, никакие специальные свойства для них не определяются; опыт CSS2 (с определенными в рамках этой спецификации типом среды aural и рядом специальных аудиальных свойств) сочли, по-видимому, преждевременным. Возможно, поддержку всех нюансов синтеза речи в недалеком будущем обеспечит CSS3 SpeechModule.
Доступность контента для пользователей устаревших браузеров
Веб-страницы, созданные в соответствии с духом современных веб-стандартов более выигрышно выглядят в устаревших, а также консольных (то есть работающих только в текстовом режиме) браузерах, в функционально ограниченных браузерах не слишком новых мобильных устройств. Им заведомо проигрывают страницы, сверстанные с пренебрежением принципом разделения контента и представления и при этом заведомо «заточенные» только под современные графические браузеры.
Даже если речь идет об HTML5, новые структурные элементы которого неведомы старым браузерам, контент, аккуратно размеченный с использованием известных тегов <h1>…<h6>, <p> и им подобных, прекрасно отобразится со стилем по умолчанию даже в браузере эпохи HTML 2.0. По крайней мере, текст основного содержания страницы всегда можно будет прочесть, причем вполне комфортно.
Гарантировать это для страницы, сверстанной, скажем, с применением множественных вложенных таблиц, да еще и с ошибками в коде разметки, в общем случае нельзя.
В современных условиях, когда веб-технологии развиваются непрерывно, а браузеры за этим процессом не поспевают, сложилась практика разработки в соответствии с принципом gracefuldegradation (устоявшегося русскоязычного термина, к сожалению, нет). Суть принципа в том, что веб-страницы верстаются с использованием технологий «переднего края», оптимизированными под самые свежие браузеры. В то же время, в устаревших браузерах верстка не рассыпается — страницы выглядят там вполне приемлемо, разве что без некоторых деталей.
Скажем, градиенты, тени, скругленные уголки и прочие подобные вещи, реализованные при помощи CSS3, во всех современных браузерах будут отображаться как задумано, а IE 8 и более ранних версий эти детали проигнорирует, хотя в остальном все останется на своих местах.