Проверка поддержки браузера

Итак, как узнать, что фича HTML5, которую вы собрались применить, работает? Это решают разработчики браузеров. Так как существует всего четыре - пять крупных разработчиков браузеров (я даже не беру в расчет браузеры для мобильных устройств - планшетов и смартфонов), вам придется последовательно тестировать фичи самостоятельно на всех браузерах и их различных версиях.

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

Вот как это работает

• С помощью ссылок. На главной странице CanIUse.com есть исчерпывающий список ссылок на все новые фичи CSS3, HTML5,SVG и JS API. Вы можете просто кликнуть на тему, которую хотите изучить. Например перейдя по ссылке "Новые семантические элементы", можно узнать какие браузеры поддерживают новый элемент <nav>.
• Используя строку поиска. Если вы не уверены к какой категории относится искомая фича, всегда можно воспользоваться строкой поиска. Все, что нужно сделать, чтобы найти уже известный элемент nav - написать его имя в строку поиска, и CanIUse.com тут же найдет его.
• Разбираемся с таблицами. Впервые найдя нужную таблицу, вы, возможно, мало что поймете. В заголовке колонок указан браузер, в ячейках - его версии. Все ячейки окрашены - светло-зеленый цвет указывает на поддержку фичи, красный - на ее отсутствие.

Теперь, когда вы знаете какие версии браузеров поддерживают ваши фичи, пришло время использовать эти знания. Эти сведения в совокупности со статистикой по разным странам позволят понять, стоит ли заморачиваться с реализацией замещающего элемента на JavaScript.

Вот пример: Предположим, что мы хотим использовать элемент <nav>. В соответствии с CanIUse.com, он не поддерживается в Internet Explorer версии 8.0 и старше. Если вашу страничку посещают пользователи из Испании, то в соответствии с StatCounter Global Stat, примерно у 36% пользователей она не отобразится корректно (по ситуации на январь 2012, примерно 31% пользователей из Испании используют Internet Explorer 8.0, 5% - IE7, что в сумме дает нам 36%).

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