Тест HTML 5 для новых элементов

Question

Как я могу проверить, поддерживает ли мой браузер новые семантические элементы HTML 5, такие как:

<nav>
<footer>

и так далее?

Answer 1

Погружение в HTML5> Определение функций HTML5 :

Существует четыре основных метода определения того, поддерживает ли браузер определенную функцию. От самого простого до самого сложного:

1. Проверьте, существует ли определенное свойство для глобального объекта (например, окна или навигатора).

   Пример: тестирование поддержки геолокации

2. Создайте элемент, а затем проверьте, существует ли определенное свойство для этого элемента.

   Пример: тестирование поддержки холста

3. Создайте элемент, проверьте, существует ли определенный метод для этого элемента, затем вызовите метод и проверьте значение, которое он возвращает.

   Пример: проверка поддерживаемых видеоформатов

4. Создайте элемент, присвойте свойству определенное значение, затем проверьте, сохранило ли свойство свое значение.

   Пример: проверка поддерживаемых типов <input>

Также есть

Modernizr , библиотека JavaScript с открытым исходным кодом, MIT-лицензия, которая обнаруживает поддержку многих функций HTML5 и CSS3.

Plus:

Приложение A: Практическое алфавитное руководство по обнаружению всего сущего, почти в алфавитном порядке .

Answer 2

Для быстрой проверки без программирования: Тест HTML5