Главная Браузеры Как заставить HTML5 работать в старых версиях Internet Explorer

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



legacy-and-html5

Как заставить 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 по-прежнему будет постепенным, и некоторые не увидят и не будут нуждаться в использовании каких-либо новых функций, которые он предоставляет, но когда они это сделают, они могут быть (относительно) безопасными, зная, что старые браузеры будет нормально отображать свои сайты.

Интересные статьи

Выбор редакции

Скачать Скачать cPro__Bento Skin для Winamp
Скачать Скачать cPro__Bento Skin для Winamp
Загрузите cPro__Bento Skin для Winamp. Здесь вы можете скачать скин cPro__Bento для Winamp. Все кредиты принадлежат оригинальному автору этого скина (см. Информацию о скине в настройках Winamp). Автор:. Скачать 'Скачать cPro__Bento Skin для Winamp' Размер: 255,85 Kb РекламаPCRepair: Исправить проблемы с Windows. Все они. Ссылка для скачивания: Нажмите здесь, чтобы загрузить
Как собрать компьютер: онлайн-руководство по созданию собственного компьютера с нуля
Как собрать компьютер: онлайн-руководство по созданию собственного компьютера с нуля
Мало что может сравниться с удовлетворением, которое вы получаете от сборки собственного ПК с нуля или от модернизации существующей модели. Поскольку цены на компьютеры ниже, чем когда-либо, это может показаться ложной экономией, но посмотрите глубже, и вы увидите
Как изменить свой профиль Netflix на телевизоре Samsung
Как изменить свой профиль Netflix на телевизоре Samsung
Netflix с более чем 150 миллионами подписчиков является одним из ведущих потоковых сервисов в мире. Благодаря простому в использовании интерфейсу и относительно недорогой модели подписки его популярность неудивительна. Хотя многим пользователям нравится смотреть
Как скопировать файлы с ПК с Windows на Linux
Как скопировать файлы с ПК с Windows на Linux
У большинства домашних пользователей есть система с двойной загрузкой, которая может загружаться из Linux, например Ubuntu, или запускаться из Windows. Этот сценарий, безусловно, является самым простым способом передачи файлов из Windows в Linux. Однако другие (деловые или личные)
Архив меток: Windows 10 build 10586 iso
Архив меток: Windows 10 build 10586 iso
Кто такой Тим Кук? Мы исследуем генерального директора Apple, сменившего Стива Джобса.
Кто такой Тим Кук? Мы исследуем генерального директора Apple, сменившего Стива Джобса.
Тим Кук одновременно является одним из самых заметных и анонимных людей на планете. Попросите кого-нибудь рассказать о нем несколько фактов, и он, скорее всего, будет ошеломлен. 57-летний мужчина попадает в заголовки новостей как
Как заставить Windows 10 отображать знакомые значки рабочего стола
Как заставить Windows 10 отображать знакомые значки рабочего стола
Давайте посмотрим, как вернуть классические значки на рабочий стол в Windows 10.