Не все браузеры опознают тег <meter>. Однако проблема легко решается построением собственной шкалы с использованием jQuery и информации, встроенной в элемент <meter>. Для этого мы создадим новый файл javascripts/fallback.js, в котором будет храниться наше решение JavaScript. jQuery и этот файл следует загрузить в конце страницы.
Сначала, чтобы проверить поддержку элемента <meter> браузером, мы создаем элемент и проверяем, определен ли для него атрибут max. Если атрибут не определен, можно сделать вывод, что браузер не понял тег <meter> и не смог интерпретировать нашу разметку. Проверка реализуется функцией с именем noMeterSupport():
html5_meter/javascripts/fallback.js
var noMeterSupport = function(){
return(document.createElement('meter').max === undefined);
}
Затем мы используем jQuery для извлечения данных и построения шкалы при отсутствии поддержки <meter>.
HTML5 и CSS3. Веб-разработка по стандартам нового поколения
·
Б. Хоган
