Введение статьи Wulin.com (www.vevb.com): Как сделать IE поддержать новые элементы HTML5.
Когда мы используем новые элементы HTML5, теги, которые могут хорошо работать в других браузерах (таких как раздел, статья, заголовок и нижний колонтитул), являются проблемой для браузера IE. Причиной проблемы является механизм анализа браузера IE. Эти элементы тега, которые не могут быть не признаны, приводят к ошибке отображения объектов документа.
Чтобы проиллюстрировать эту проблему, см. Следующий короткий код:
1
2
3
4
5
<тело>
<раздел>
<p> Это пример </p>
</section>
</body>
Как ни странно, IE6-IE8 не может проанализировать тег <section>, в результате чего узел DOM выглядел следующим образом:
Обратите внимание, что IE Browser создает два пустых элемента. Один из них, а другой - /раздел. Это правда, что он берет конечный тег, который не распознается как начальный тег.
Вот удобный способ решить эту проблему, которая была впервые реализована. Самая основная концепция этого метода - создать неизвестные элементы с помощью document.createElement (Tagname). IE SARSER распознает эти элементы, анализирует и покажет их более разумным и эффективным способом. Например, мы можем использовать следующий код:
1
document.createElement (раздел);
Таким образом, приведенный выше код будет выглядеть следующим образом после анализа:
Эта технология позволяет IE6, IE7 и IE8 для анализа неизвестных элементов.
Для удобства Реми Шарп написал кусок кода, который может улучшить отображение новых элементов HTML5, которые вы можете легко загрузить и использовать.
Этот код является правильным для других браузеров, таких как Opera 9, Firefox 3 и Safari 3, чтобы по умолчанию анализировать эти новые элементы. Хотя есть некоторые проблемы в Firefox2, решения этих проблем не было обнаружено. Однако по сравнению со скоростью обновления IE Firefox не является проблемой.
Мы не можем применить этикетки, созданные этим методом для печати стилей. Если вы хотите знать, правильный ли стиль печати IE, проверьте следующую статью, печатайте элементы HTML5 в браузере IE (т.е. Print Protector)
Оригинальный китайский: как сделать IE поддерживать новые элементы HTML5
Оригинальный английский: поддержка новых элементов в IE