Комментарий: Браузер не будет устанавливать никакого стиля для неизвестных элементов (разные браузеры будут иметь разные стили по умолчанию для элементов). В версиях перед IE9 также невозможно установить стили для неизвестных элементов. Есть решение этой проблемы. Заинтересованные друзья могут ссылаться на это.
Каждый браузер имеет список элементов HTML, которые он поддерживает. Элементы, которых нет в списке, будут считаться неизвестными элементами. Браузер не будет устанавливать какой -либо стиль для неизвестных элементов (разные браузеры будут иметь разные стили по умолчанию для элементов). В версиях перед IE9 также невозможно стилизовать неизвестные элементы. Дом неизвестных элементов также отображается неправильно, и IE вставит пустой узел без дочерних элементов в DOM. Все элементы, которые вы первоначально думали, станут детьми этого неизвестного элемента, станут их братскими узлами.
Есть решение этой проблемы. Перед использованием тега статьи используйте JS для создания False Altric Element, и IE распознает этот элемент и поддерживает использование CSS для установки стилей. Этот фальшивый элемент даже не должен быть вставлен в DOM.
Пожалуйста, смотрите следующий пример:
<! Doctype html>
<html lang = "en">
<голова>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<Title> Неизвестные элементы </title>
<style>
Статья {Display: Block; граница: 1PX Solid Red}
</style>
</meta> </head>
<тело>
<статья>
<h1> Добро пожаловать в блог Феймоса </h1>
<p> Это ваш <pran> в первый раз, чтобы посетить этот сайт. </span> </p>
</article>
</body>
</html>
IE6 не будет распознавать статьи, поэтому не будет красных границ.
Но если мы добавим предложение JS в голову, ситуация будет сразу же отличаться.
<script type = "text/javascript">
document.createElement («статья»);
</script>
IE6 делает вид, что он распознает этот элемент и правильно отображает эффект.
Мы можем создать поддельную копию всех новых элементов HTML5 одновременно, поэтому нам не нужно беспокоиться о браузерах, которые не поддерживают HTML5 в будущем. Сценарий HTML5 от Реми Шарпа помогает нам делать эти вещи. Основная идея этого сценария заключается в следующем:
<!-[если я т.е. 9]>>
<script type = "text/javascript">
var e = ("ABBR, статья, в сторону, аудио, холст, даталист, детали"+
«Рисунок, нижний колонтитул, заголовок, hgroup, mark, меню, метр, навигация, выход»,+
«Прогресс, раздел, время, видео»). Split (',');
for (var i = 0; i <e .length; i ++) {
document.createElement (e [i]);
}
</script>
<! [endif]->
Во -первых, используйте условные аннотации, чтобы определить, является ли это версией до IE9, и если да, выполните JS. Сначала запишите все новые теги в массив E, затем переверните весь массив и создайте копию.
Сценарий уже размещен в хостинге Project Google, вы можете напрямую связать этот сценарий:
<!-[если я т.е. 9]>>
<script src = "// html5shim.googlecode.com/svn/trunk/html5.js"> </script>
<! [endif]->
Кроме того, этот сценарий должен быть размещен в начале страницы, предпочтительно в голове, а не внизу. Таким образом, IE запустит этот код перед анализом тега страницы.