Внедрение статьи Wulin.com (www.vevb.com): блоги давно перешли на написание HTML5, но многие пользователи не использовали последний браузер и использовали наборы тегов HTML4. У HTML5 есть много тегов, которые являются семантическими и практичными. Я также начал пробовать некоторые часто используемые теги, и теперь я использую теги и теги.
HTML5 предоставляет разработчикам множество новых тегов, таких как раздел, NAV, статья, заголовок и нижний колонтитул. Эти теги очень семантические и часто используются, но они не могут быть распознаны и обычно используются в старых браузерах, таких как IE6, IE7, IE8 и Firefox 2.
Почему старомодные браузеры не могут распознать эти теги?
На самом деле, ошибка не является браузером, потому что такого рода тега вообще не существовало в ту эпоху, поэтому его нельзя идентифицировать. Это необычное распознавание тегов делает структуру DOM ненормальной.
У нас есть тестовый код следующим образом. Это содержимое статьи с заголовком и синими словами, а содержание статьи помечено статьей.
<! Doctype html><html xmlns = 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 есть много тегов, которые являются семантическими и практичными. Я также начал пробовать некоторые часто используемые теги, и теперь я использую теги и теги.