Как заставить IE поддержать HTML5

Комментарий: все больше и больше сайтов начинают использовать теги HTML5, но текущая ситуация заключается в том, что многие люди все еще используют IE6, IE7 и IE8. Чтобы позволить всем зрителям получить доступ нормально, доступны следующие два решения

1. Создайте несколько наборов шаблонов для веб-сайта и используйте программу, чтобы судить пользовательский агент, чтобы показать разные страницы для разных пользователей браузера, таких как Youku.

2. Используйте JavaScript, чтобы сделать HTML -теги, поддерживаемые браузерами, которые не поддерживают HTML5.

Лучшим решением для IE является html5shiv. HTNL5SHIV в основном решает проблему, что новые элементы, предложенные HTML5, не распознаются IE6-8. Эти новые элементы не могут быть заверены в качестве родительских узлов и не могут применять стиль CSS. Чтобы применить стили CSS на неизвестные элементы, вы можете достичь его, выполнив Document.CreateElement (ElementName). HTML5Shiv создан на основе этого принципа.

Использование HTML5Shiv очень просто. Учитывая, что IE9 поддерживает HTML5, вам нужно только добавить следующий код в заголовок страницы:

<!-[если IT IE 9]-> <script src = ""> </script> <!-[endif]->

Официальный сайт HTML5Shiv:

Вот некоторые дополнения:

Конечно, включая мой блог. Что касается HTML5, я должен упомянуть т.е. Когда производители основных браузеров, такие как Apple, Google, Opera и Mozilla, активно участвовали в составлении и продвижении новой версии стандартов HTML, Microsoft преодолела спецификацию HTML 5. Тем не менее, Microsoft недавно заявила, что будет поддерживать HTML 5 в IE, так что IE8 и следующее не могут поддерживать теги HTML5 до сих пор. Но в SitePoint я нашел способ сделать IE поддержать HTML5.

Ниже приведен пример, отображаемый в IE 8, перед обработкой:

Чтобы сделать IE (включая IE6) поддержать элементы HTML5, нам нужно добавить следующий JavaScript в заголовок HTML. Это простое объявление о документе. CreateElement, используя условные аннотации для создания соответствующих узлов в объекте для IE.

<!-[IE IE]>

<Скрипт>

document.createElement («заголовок»);

document.createElement («нижний колонтитул»);

Document.CreateElement ("NAV");

document.createElement («статья»);

document.createElement ("раздел");

</script>

<! [endif]->

После добавления приведенного выше кода эффект, отображаемый в IE8, выглядит следующим образом:

Код JavaScript для создания узлов в примере SitePoint кажется слишком раздутым, и код, предоставленный в Smokemagazine, кажется более кратким.

Демонстрация следующая

<!-[IE IE]>

<Скрипт>

(function () {if (!/*@cc_on!@*/0) return; var e = "заголовок, нижний колоннет, навига

</script>

<! [endif]->

HTML5 проявляется как встроенные элементы по умолчанию. При изложении этих элементов нам нужно вручную преобразовать их в элементы блока с использованием CSS, как показано в следующем примере:

Заголовок, нижний колонтитул, навигация, раздел, статья {

дисплей: блок;

}