Есть ли какие-либо хорошие нейтрализации для HTML5 и CSS3?

Посмотрите на Google Chrome Frame и посмотрите, можно ли привлечь больше пользователей с помощью полнофункциональной версии вашего веб-сайта. А также выполните проверку конкретных функций.

Что такое Modernizr?

Modernizr - это небольшая и простая библиотека JavaScript, которая помогает использовать преимущества новых веб-технологий (CSS3, HTML 5), сохраняя при этом высокий уровень контроля над старыми браузерами, которые могут не пока поддержите эти новые технологии.

Modernizr использует обнаружение функций для тестирования текущего браузера на соответствие предстоящим функциям, таким как rgba (), border-radius, CSS Transitions и многие другие. В настоящее время они реализуются во всех браузерах, и с помощью Modernizr вы можете начать использовать их прямо сейчас, получив простой способ управления резервными вариантами для браузеров, которые еще не поддерживают их.

Кроме того, Modernizr создает одноименный глобальный объект JavaScript, который содержит свойства для каждой функции; если браузер поддерживает это, свойство будет оценивать истинное , а если нет, оно будет ложным .

Наконец, Modernizr также добавляет поддержку стилизации элементов HTML 5.Это позволяет использовать больше семантических, ориентированных на будущее элементов, таких как

,

и

, не беспокоясь о них. работает в Internet Explorer.

Чего не делает Modernizr

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

Я прочитал об этом на Dive Into HTML5

Некоторые примеры:

if (Modernizr.canvas) {
  // let's draw some shapes!
} else {
  // no native canvas support available :(
}

if (Modernizr.video) {
  // let's play some video!
} else {
  // no native video support available :(
  // maybe check for QuickTime® or Flash® instead
}

if (Modernizr.localstorage) {
  // window.localStorage is available!
} else {
  // no native support for local storage :(
  // maybe try Gears or another third-party solution
}

if (Modernizr.webworkers) {
  // window.Worker is available!
} else {
  // no native support for web workers :(
  // maybe try Gears or another third-party solution
}

if (Modernizr.applicationcache) {
  // window.applicationCache is available!
} else {
  // no native support for offline :(
  // maybe try Gears or another third-party solution
}

if (Modernizr.geolocation) {
  // let's find out where you are!
} else {
  // no native geolocation support available :(
  // maybe try Gears or another third-party solution
}
...

Иногда веб-сайт предлагает альтернативные методы, такие как Explorercanvas (excanvas.js) для IE или geo.js для геолокации