Поддержка HTML5 браузерами
HTML5 поддерживаются всеми современными браузерами. При этом все браузеры, старые и новые, автоматически обрабатывают неизвестные теги как строчные элементы.
Благодаря этому можно «научить» старые браузеры (даже IE6) правильно обрабатывать «неизвестные» HTML элементы.
Определение семантических элементов как блоковые элементы
HTML5 определяет восемь новых семантических тегов. Все они являются блоковыми элементами.
Чтобы обеспечить корректное поведение этих HTML элементов в старых браузерах, вы можете установить для них CSS свойство display в значение block:
header, section, footer, aside, nav, main, article, figure
Добавление новых HTML элементов
Также вы можете добавлять в HTML код страницы пользовательские элементы.
В следующем примере добавляется новый HTML элемент и определяется для него стиль:
myHero Заголовок
Новый элемент myHero Выражение document.createElement(«myHero») на JavaScript необходимо для создания нового элемента в IE версии 9 и более ранних версий.
Проблемы с Internet Explorer 8
Вы можете использовать описанное выше решение для определения всех новых элементов HTML5.
Однако, IE8 (и более ранние версии) не позволяют определять стиль для неизвестных элементов!
Но спасибо HTML5Shiv! HTML5Shiv — плагин JavaScript, позволяющий определять стили элементов HTML5 в браузерах Internet Explorer до версии 9.
Плагин HTML5Shiv подключается внутри тега .
HTML5Shiv — это JavaScript файл, который подключается в теге .
Плагин HTML5Shiv следует использовать, когда используются новые элементы HTML5 вроде , , , , .
Последнюю версию плагина HTML5shiv можно скачать с github авторов ( https://github.com/aFarkas/html5shiv ) или определить ссылку на CDN версию по адресу https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js
Пример подключения HTML5Shiv
Если вы не хотите или у вас нет возможности скачать на свой сайт файлы плагина HTML5Shiv, то вы можете определить ссылку на его CDN версию.
Скрипт плагина HTML5Shiv должен размещаться внутри тега после всех определений стилей:
Конечно, при помощи устаревших веб-обозревателей нельзя просмотреть видео или послушать музыкальные файлы, внедренные в веб-страницу. Однако та часть контента, которая поддерживается стандартом HTML 4, будет видна.