HTML5 Поддержка браузерами

Вы можете заставить некоторые старые браузеры (которые не поддерживают HTML5) поддерживать HTML5.

Поддержка HTML5 браузерами

Все современные браузеры поддерживают HTML5.

Кроме того, все браузеры, как старые, так и новые, автоматически обрабатывают нераспознанные элементы как строчные элементы.

Благодаря этому вы можете"научить"браузеры обрабатывать"неизвестные"элементы HTML.

Note Вы можете даже научить IE6 (Windows XP 2001) обрабатывать неизвестные элементы HTML.

Определите элементы HTML5 как блочные элементы

HTML5 определил 8 новых HTMLсемантическихэлементов. Все эти элементы являютсяблочнымиэлементами.

Чтобы эти элементы правильно отображались старыми версиями браузеров, вы можете установить значение CSS-свойства вdisplayInstanceblock:

Экземпляр

header, section, footer, aside, nav, main, article, figure { display: block; }

Добавьте новые элементы HTML

Экземпляр добавляет новые элементы в HTML и определяет стиль для элемента, имя элемента —

Экземпляр<myHero> ：

Экземпляр

<!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title>Мой первый заголовок</title> <script>
document.createElement("myHero")
</script> <style>
myHero { display: block; background-color: #ddd; padding: 50px; font-size: 30px; }
</style> </head> <body> <h1>Мой первый абзац.</h1> <p>Мой первый новый элемент</p> <myHero>Попробуйте »</myHero> </body> </html>

Инструкция JavaScript

Это нужно для добавления новых элементов для браузеров IE.document.createElement("myHero")Проблемы с браузером Internet Explorer

Проблемы с браузером Internet Explorer

Internet Explorer версии 8 и более ранние не поддерживают вышеуказанный метод.

Note Мы можем использовать "HTML5 Enabling JavaScript", созданный Sjoerd Visscher, чтобы решить эту проблему:

Приведенный выше код является комментарием, его цель — прочитать файл html5.js и выполнить его разбор, когда версия браузера IE меньше IE9. shivПримечание:

<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Для отечественных пользователей, пожалуйста, используйте библиотеку статических ресурсов на этом сайте (библиотека ресурсов Google нестабильна в Китае):

HTML5 Shiv — хорошее решение для браузеров IE. html5shiv в основном решает проблему, что новые элементы, предложенные HTML5, не распознаются IE6-8, эти новые элементы не могут использоваться как родительские элементы для обёртывания дочерних элементов, и к ним нельзя применять стили CSS.Идеальное решение Shiv

<!--[if lt IE 9]>
  <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->

Экземпляр

Идеальное решение Shiv

Экземпляр

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Учебник для начинающих —— Не только технология, но и мечты!!!</title> <!--[if lt IE 9]> <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/html5shiv/3.7.3/html5shiv.min.js"></script> <![endif]--> </head> <body> <h1>Попробуйте »</h1> <article>Справочный код html5shiv.js должен быть размещён в элементе <head>, потому что браузеры IE должны загрузить этот файл до разбора новых элементов HTML5.</article> </body> </html>

Другие расширения

ИИ в процессе...

Пример HTML