Как заставить HTML5 работать в старых версиях Internet Explorer

Одна из основных причин, по которой разработчики, возможно, еще не переходят на HTML5, - это предполагаемое отсутствие поддержки устаревших браузеров. На самом деле это неправда, и хотя для надлежащей обратной совместимости может потребоваться некоторая подделка, это все же возможно.

Конечно, под устаревшими браузерами я подразумеваю Internet Explorer, поскольку все другие основные игроки регулярно обновляются, и их пользователи, как правило, следуют их примеру: браузеры, такие как Firefox, Safari и Opera, уже некоторое время поддерживают HTML5. Некоторые разработчики могут решить прекратить поддержку IE6, но для некоторых это не вариант, и, во всяком случае, ни IE7, ни IE8 также не поддерживают HTML5. IE9 будет, но он работает только в Windows Vista и Windows 7, поэтому другие версии будут еще долгое время, как мы видели с IE6.

Итак, что нужно сделать, чтобы HTML5 работал в Internet Explorer?

как сделать символ степени на Mac

Неизвестные элементы

Прежде всего, IE не будет отображать элементы, которые он не распознает, поэтому он полностью игнорирует структурные элементы HTML5, такие как header, footer, article, section и nav, все основные части сайта HTML5. Это можно исправить, сообщив IE об этих элементах с помощью JavaScript. Лучший способ сделать это - включить HTML5 шив сценарий, созданный Реми Шарпом. Этот удобный скрипт создает все соответствующие элементы HTML5, о которых IE теперь будет знать при рендеринге страницы.

Одна из проблем заключается в том, что это не сработает для пользователей, у которых отключен JavaScript. К сожалению, нет никакого способа обойти это, поэтому разработчик должен принять решение либо использовать HTML5, либо остаться с HTML 4.01.

Укладка

Большинство браузеров имеют внутренние таблицы стилей, которые, помимо прочего, применяют display:block для блокировки элементов уровня. В то время как некоторые из новых браузеров теперь делают это для соответствующих элементов HTML5, некоторые этого не делают, и это необходимо добавить для всех браузеров. Просто добавьте следующий стиль:

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

Элементы формы

А как насчет самих новых элементов, таких как новые типы ввода - как они отображаются в устаревших браузерах?

чистая загрузка windows 8.1

Вообще-то хорошо. Поскольку спецификация HTML5 была расширена в обратно-совместимый способ , любые типы ввода, которые не распознаются, просто обрабатываются как text и будет просто отображаться как таковое.

Мультимедиа

Как я уже говорил ранее, видео и аудиоэлементы предназначены для возврата к Flash, который отлично работает в Internet Explorer.

Переход на HTML5 по-прежнему будет постепенным, и некоторые не увидят и не будут нуждаться в использовании каких-либо новых функций, которые он предоставляет, но когда они это сделают, они могут быть (относительно) безопасными, зная, что старые браузеры будет нормально отображать свои сайты.