Комментарий: HTML5 предоставляет разработчикам множество новых тегов, таких как раздел, NAV, статья, заголовок и нижний колонтитул. Эти теги очень семантические и часто используются, но они не распознаются и обычно используются в старых браузерах, таких как IE6, IE7, IE8 и Firefox 2. Это всегда было возмущено многими пользователями пользователей. Далее, как устранить этот гнев
HTML5 предоставляет разработчикам множество новых тегов, таких как раздел, NAV, статья, заголовок, нижний колонтитул и т. Д. Эти теги очень семантические и часто используются, но их нельзя распознавать и использовать в старых браузерах, таких как IE6, IE7, IE8 и Firefox 2.
Почему старомодные браузеры не могут распознать эти теги?На самом деле, ошибка не является браузером, потому что такого рода тега вообще не существовало в ту эпоху, поэтому его нельзя идентифицировать. Это необычное распознавание тегов делает структуру DOM ненормальной.
У нас есть тестовый код следующим образом. Это содержимое статьи с заголовком и синими словами, а в содержимое статьи используется тег статьи.
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml" lang = "zh-cn">
<голова>
<meta charset = "utf-8" />
<title> тест </title>
<style>
Статья {color:#06f;}
</style>
</head>
<тело>
<h1> Название статьи </h1>
<статья>
Это содержание статьи, это должен быть кусок синего текста. В старых браузерах, если вы не делаете взломы, будет отображаться исключение.
</article>
</body>
</html>
В IE8 отображается следующее.
IE8 не может распознать тег статьи, а стиль CSS, определенный на теге, не имеет никакого эффекта. В IE8 <CARTION> интерпретируется как два пустых элемента тега с именем <article /> и < /article />, которые перечислены как братские узлы вместе с содержанием статьи, как показано на рисунке ниже.
Как использовать теги HTML5 в старомодных браузерах?Поскольку его нельзя использовать, потому что его нельзя распознать, решение состоит в том, чтобы определить метки. К счастью, просто использование Document.createElement (Tagname) может позволить браузеру распознавать тег, а двигатель CSS знает существование тега. Предположим, что следующий код добавляется в область <head> нашего примера выше.
<Скрипт>
document.createElement ('статья');
</script>
Объяснение DOM в IE8 станет следующей цифрой.
Естественно, текст также появляется в обычном синем.
ЗаключениеБлог уже давно перешел на написание HTML5, но поскольку многие пользователи не используют последний браузер, они использовали наборы тегов HTML4. Многие теги в HTML5 являются семантическими и практичными. Я также начал пробовать некоторые часто используемые теги, и теперь они используют статьи и теги времени.