HTML5, Підтримка браузерами
Стандарт HTML5 підтримує різні дивні методи. У той же час він відроджує (і стандартизує) деякі старі ліберальні правила HTML і вводить передові можливості, які працюють тільки в нових браузерах.
Можливості з поетапною деградацією. Наприклад, якщо у старого браузера є проблеми з використанням нового елемента, цей елемент дозволить вам надати браузеру будь-який інший засіб програвання, наприклад плеєр, що використовує модуль Flash, що підключається.
Чи підтримує браузер вашу розмітку?
У розробника-одинака немає жодних шансів протестувати кожну потенційну можливість на кожному браузері, не кажучи вже про можливість оцінити підтримку її у старих версіях браузерів, які широко використовуються досі.
На щастя, існує веб-сайт www.caniuse.com, який може допомогти вам впоратися із цим завданням. У ньому наведено подробиці підтримки HTML5 у всіх основних браузерах. І, найприємніше, він дозволить вам виділити саме ті можливості, які вам потрібні. Веб-сайт працює так:
Спочатку виберіть вкладку Tables, а потім вкладку Compatibility tables та виберіть на ній необхідну вам можливість (або групу можливостей), встановивши відповідні прапорці:
За бажанням виберіть інші опції, встановивши відповідні прапорці. Ви можете уточнити результати пошуку, видаляючи деякі подробиці. Наприклад, можливо, вас не цікавить інформація про сумісність із браузерами для мобільних пристроїв або з браузерами, які знаходяться на стадії розробки та не були офіційно випущені. Але зазвичай варто відмовлятися від цих подробиць, т.к. таблиці легко розуміти навіть із ними.
У таблиці для кожноїМожливості в заголовках стовпців вказані браузери, в заголовках рядків їх характеристики версій. Певна версія браузера знаходиться на перетині відповідного стовпця та рядка. Якщо можливість підтримується даною версією браузера, відповідна комірка зафарбована світло-зеленим кольором; часткова підтримка позначається темно-зеленим, відсутність підтримки — рожевим. Якщо невідомо, чи підтримується дана можливість, в осередку не вказується номер версії браузера, а осередок пофарбований коричневим кольором.
Також наводиться приблизна кількість браузерів, що підтримують цю можливість, у відсотках.
Статистика популярності браузерів
Останнім важливим пунктом проблеми підтримки можливостей є статистика популярності конкретних браузерів. Іншими словами, інформація про те, скільки відвідувачів Павутини користується браузером, який підтримує можливості, які ви маєте намір використовувати у своїй розмітці.
Сайт GlobalStats збирає статистичні дані щодня за допомогою коду стеження, встановленого на мільйонах веб-сайтів. Однак для вашого сайту цифри можуть бути зовсім іншими. Наприклад, ось статистика для цього сайту, отримана через Google Analytics за той же період:
Напишіть сценарій, який тестує потрібну можливість, а потім виконує відповідну дію. Приклад можливого сценарію для перевірки підтримується чи HTML5-можливість drag and drop, і виведення результатів у вікні браузера показаний у наступному лістингу:
Хоча в цьому прикладі показаний правильний спосіб перевірки підтримки можливості, підхід, що застосовується в ньому, до обробки непідтримуваної можливості не ідеальний. Замість того, щоб просто поінформувати (хай навіть і самимввічливим чином) відвідувача вашого веб-сайту про те, що його браузер не підтримує певну функціональність вашого сайту, набагато краще буде реалізувати якесь обхідне рішення, навіть якщо це рішення і не буде таким витонченим або володіти всіма здібностями HTML5. Наприклад, якщо непідтримувана можливість — лише якась несуттєва примочка, яка не є корисною для відвідувача сайту, то цю проблему можна взагалі ігнорувати.