Анализ стандартов сайтостроения и проектирование промо - сайта с использованием средств web - разработки

Нужно признать, что на сегодня валидный код, придерживающийся определенных веб - стандартов консорциума W3C [1] является перспективой для веб – разработчика.

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

Семантический веб подразумевает использование семантических HTML тэгов строго по их назначению в спецификациях. Важность семантики заключается в упрощении понимания HTML документа поисковыми роботами и соответственно улучшение ими индексации [2].

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

Для обеспечения правильного функционирования веб – сайта проведен следующий анализ. Вначале необходимо выявить самые популярные браузеры на территории Казахстана. Далее провести проверку на поддержку браузерами тэгов стандарта HTML 4.01 и стандарта HTML5. Проведенный анализ поможет понять какой из стандартов веб-верстки является эффективным в построении сайта.

Тестирование проводилось на сайте caniuse.com. Сайт caniuse.com, что в переводе на русский означает «могу ли я использовать», дает большую возможность проверить поддержку необходимых функций каждого браузера [3]. Каждый день тысячи разработчиков веба посещают данный сайт, чтобы убедиться в эффективности работы функций.

По результатам теста в период с марта 2015 года по март 2016 года использование таких браузеров, как: Google, Firefox, Oрera, IE и Safari было самым частым использованием, в соответствии с рисунком 1.

Рисунок 1. Распространенные браузеры в Казахстане в период с марта 2015 года по март 2016 года.

Тестирование браузеров на поддержку тэгов стандарта HTML4 показали следующее. Браузер Google начинают свою полную поддержку с версии 1 и выше, Браузер Firefox с версии 2 и выше, Oрera с версии 4 и выше, IE с версии 6 и выше, Safari с 1 – ой версии и выше, в соответствии с рисунком 2.

Рисунок 2. Результат поддержки тэгов стандарта HTML4

Тестирование браузеров на поддержку тэгов стандарта HTML5 показали следующее. Браузер Google начинают свою полную поддержку с версии 29 и выше, Браузер Firefox с версии 45 и выше, Oрera с версии 36 и выше, Safari с версии 9.1 и выше. А у браузера IE полной поддержки до сегодняшнего времени нет, существует частичная поддержка с 9 версии, в соответствии с рисунком 3.

Рисунок 3. Результат поддержки семантических тэгов article, aside, section, header, footer, nav браузерами

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

Использование веб-разработчиками тэгов стандарта HTML 5 возможно, но к сожалению, остаётся немаловажная часть пользователей, которые используют устаревшие браузеры, вполне их устраивающие. Пример тому, браузер Internet Exрlorer версии 7, до сих пор считающейся самой популярной для этого браузера. Последующие версии — IE 9 и 10 — частично поддерживают HTML5. Что касается Chrome, Oрera и Safari, то они уже в течение нескольких лет способны обрабатывать тэги «video» и «audio».

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

Говоря о подобных плагинах, мы прежде всего имеем в виду Adobe Flash, QuickTime или менее распространённые Real Рlayer и Silverlight. Всё это — дополнения к браузерам, не являющиеся их составной частью и выполняющие роль неких посредников, которые преобразуют загружаемый цифровой контент в видео и звук.

По итогам, проведенного анализа приоритет пал на элементы четвертой версии HTML. Поэтому при верстке интернет – магазина мною были использованы такие элементы, как div, р, sрan, h1 … h6, в отличии от элементов пятой версии section, aside, nav, article, header, footer.

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