- •Оглавление
- •Введение Актуальность темы
- •Цель работы
- •Основная часть
- •Что такое веб-стандарты?
- •Организации, разрабатывающие веб-стандарты
- •Классификация веб-стандартов
- •Концепция современных веб-документов
- •Применение веб-стандартов
- •Разделение сфер ответственности
- •Структура веб-документа - html и xhtml
- •Оформление документа - css
- •Связь css и html
- •Правила и каскадность css
- •Модели документов - Document Object Model, dom
- •Скриптовые языки
- •Объектная модель JavaScript
- •. EcmaScript – основа для других скриптовых языков
- •Развитие веб-стандартов
- •Важнейшие аспекты концепции веб-стандартов
- •Семантика
- •Валидность
- •Кроссбраузерность
- •Положительные следствия использования веб-стандартов
- •Ускорение загрузки веб-страниц
- •Облегчение машинной обработки
- •Бо́льшая гибкость в отношении различных сред и устройств
- •Лучшая доступность для пользователей с ограниченными возможностями
- •Доступность контента для пользователей устаревших браузеров
- •Гарантированная совместимость верстки с современными браузерами и последующими их версиями
- •Облегчение процесса разработки сайтов
- •Несоблюдение стандартов
- •Образование;
- •Бизнес-причины.
- •Системы электронной коммерции
- •Система управления содержимым
- •Образование
- •Бизнес-причины
- •Практическая часть
- •Способы проверки сайтов на соответствие стандартам
- •Соответствие современных сайтов стандартам
- •Заключение
- •Литература
Соответствие современных сайтов стандартам
Мы взглянули на несколько различных сайтов и посмотрели, как они оцениваются сервисом проверки разметки, который был создан W3C. Следует учитывать, что чем крупнее и сложнее сайт, тем сложнее заставить его проходить проверочные тесты (есть и другие факторы, которые необходимо учитывать, например, используемые технологии).
В ходе нашей работы мы решили проверить при помощи валидатора самые известные и популярные сайты на соответствие современным веб-стандартам. Мы использовали сайт http://validator.w3.org/unicorn, с помощью которого выявили соответствия сайтов сразу нескольким стандартам. В исследовании приняли участие следующие сайты:
http://ru.wikipedia.org
http://vk.com
http://facebook.com
http://twitter.com
http://www.amalgama-lab.com
http://www.zaycev.net
http://youtube.com
http://www.yandex.ru
http://google.com
http://validator.w3.org/
http://pikabu.ru
http://narod.ru
http://Depositfiles.com
http://Rutracker.org.
http://Lenta.ru
http://www.kinopoisk.ru/
http://microsoft.com
http://apple.com
http://ozon.ru
http://ebay.com
Исследование было проведено 5-9 ноября 2012 года. Результаты проверки сайтов валидатором представлены ниже.
Рис. 5. Результаты проверки сайта Википедия
Рис. 6. Результаты проверки сайта ВКонтакте
Рис. 7. Результаты проверки сайта Facebook.com
Рис. 8. Результаты проверки сайта Twitter.com
Рис. 9. Результаты проверки сайта Youtube.com
Рис. 10. Результаты проверки сайта Яндекс
Рис. 11. Результаты проверки сайта Google
Рис. 12. Результаты проверки сайта Пикабу
Рис. 13. Результаты проверки сайта Зайцев нет
Рис. 14. Результаты проверки сайта Лингво-лаборатория Амальгама
Рис. 15. Результаты проверки сайта КиноПоиск.Ru
Рис. 16. Результаты проверки сайта OZON.ru
Рис. 17. Результаты проверки сайта Depositfiles.com
Рис. 18. Результаты проверки сайта Rutracker.org
Рис. 19. Результаты проверки сайта Lenta.ru
Рис. 20. Результаты проверки сайта Microsoft.com
Рис. 21. Результаты проверки сайта Apple.com
Рис. 22. Результаты проверки сайта ebay.com
Рис. 23. Результаты проверки сайта narod.ru
Рис. 24. Результаты проверки сайта валидатора (http://validator.w3.org/)
За результаты исследования мы примем ошибки и предупреждения основного теста (выполненного при помощи http://validator.w3.org/). Итоговый рейтинг рассчитывается по формуле интегрального показателя: Вес = число ошибок * 10 + число предупреждений. Если рассматривать минимальный порог ошибок, предложенный валидатором, то сам валидатор и окажется единственным сайтом, который соответствует требованиям веб-стандартов. Но если же немного пересмотреть критерии и принять за минимальный порог интегральный показатель до 250, то в результате мы получим, что 35% сайтов все же частично соответствуют рекомендациям современных веб-стандартов. Еще 35% проверенных сайтов должны уделять больше внимания данным рекомендациям (они попадают в категорию от 250 до 1000), а оставшиеся 30% (интегральный показатель более 1000) нуждаются в изменении структуры сайта с использованием веб-стандартов, так как никоим образом не соответствуют рекомендациям стандартов. Результаты исследования представлены в таблице 2 и на диаграмме (рис. 21).
Таблица 2. Проверка сайтов валидатором
|
Ошибки |
Предупреждения |
Интегральный показатель (О*10+П) |
Категория |
http://validator.w3.org |
0 |
0 |
0 |
до 250 |
http://rutracker.org |
1 |
4 |
14 |
до 250 |
http://apple.com |
2 |
1 |
21 |
до 250 |
http://depositfiles.com |
7 |
2 |
72 |
до 250 |
http://twitter.com |
15 |
1 |
151 |
до 250 |
http://narod.ru |
19 |
18 |
208 |
до 250 |
http://google.com |
23 |
4 |
234 |
до 250 |
http://ru.wikipedia.org |
37 |
2 |
372 |
от 250 до 1000 |
http://ozon.ru |
38 |
50 |
430 |
от 250 до 1000 |
http://facebook.com |
44 |
0 |
440 |
от 250 до 1000 |
http://www.yandex.ru |
43 |
18 |
448 |
от 250 до 1000 |
http://youtube.com |
56 |
2 |
562 |
от 250 до 1000 |
http://vk.com |
50 |
68 |
568 |
от 250 до 1000 |
http://microsoft.com |
28 |
581 |
861 |
от 250 до 1000 |
http://www.zaycev.net |
102 |
59 |
1079 |
более 1000 |
http://www.amalgama-lab.com |
161 |
41 |
1651 |
более 1000 |
http://www.kinopoisk.ru |
374 |
98 |
3838 |
более 1000 |
http://ebay.com |
493 |
26 |
4956 |
более 1000 |
http://pikabu.ru |
539 |
107 |
5497 |
более 1000 |
http://lenta.ru |
1212 |
224 |
12344 |
более 1000 |
Со временем результаты могут изменяться, так как количество ошибок и предупреждений – динамический показатель. Но на момент исследования (5-9 ноября 2012 года) сайты, прошедшие тест на валидаторе, были разделены нами на три категории. В таблице 3 представлены результаты определения сайтов к заданным категориям. Наглядное представление результатов таблицы на следующей диаграмме (рис. 22).
Таблица 3. Распределение сайтов по категориям
до 250 |
от 250 до 1000 |
более 1000 |
http://validator.w3.org/ |
http://ru.wikipedia.org |
http://www.zaycev.net |
http://rutracker.org. |
http://ozon.ru |
http://www.amalgama-lab.com |
http://apple.com |
http://facebook.com |
http://www.kinopoisk.ru/ |
http://depositfiles.com |
http://www.yandex.ru |
http://ebay.com |
http://twitter.com |
http://youtube.com |
http://pikabu.ru |
http://narod.ru |
http://vk.com |
http://lenta.ru |
http://google.com |
http://microsoft.com |
|
Рис. 1. Ранжирование сайтов по количеству ошибок
Рис. 2. Распределение проверенных валидатором сайтов по количеству ошибок