Введение в статью Wulin.com (www.vevb.com): как позволить браузерам ниже, т. Е. Знать ваше имя тега HTML5.
Поскольку наш веб -сайт не должен быть совместимым с IE6 и 7, я использовал тег нижнего колонтитула на веб -сайте. Оказалось, что IE9 поддерживает этот тег, но обнаружил, что IE8 не поддерживает этот тег. Код:
<! Doctype html>
<html>
<голова>
<стиль типа = текст/css>
нижний колонтитул {
дисплей: блок;
}
</style>
<script type = text/javascript>
Document.createElement (нижний колонтитул);
</script>
</head>
<тело>
<нижний колонтитул>
<p>
Я абзац
</p>
</cooler>
</body>
</html>
Поместите это в IE8 и просмотрите ниже. Вы можете обнаружить, что в IE8 часть нижней части кода IE8 автоматически закроется, когда он столкнется с этим тегом. Это код для нижнего колонтитула в IE8.
<нижний колонтитул />
<p>
Я абзац
</p>
<нижний колонтитул />
Это заставит вас не распознать эти теги в IE8, и, конечно, вы не узнаете IE6 и 7, и макет в этих браузерах будет грязным.
Поэтому я написал следующий код CSS.
нижний колонтитул {display: block;}
Я подумал про себя, сейчас у меня будет этот лейбл для IE8.
В результате IE8 все еще не поддерживает его.
Я нашел это в Интернете. Оказывается, просто писать CSS, как это, недостаточно. При настройке дисплея: блок для тега, вы также должны использовать JS для создания этого элемента в документе. Теперь код выглядит следующим образом. IE8 уже знает этот тег, но если вы не столкнетесь с этим тегом, он будет автоматически закрыт.
<! Doctype html>
<html>
<голова>
<стиль типа = текст/css>
нижний колонтитул {
дисплей: блок;
}
</style>
<script type = text/javascript>
Document.createElement (нижний колонтитул);
</script>
</head>
<тело>
<нижний колонтитул>
<p>
Я абзац
</p>
</cooler>
</body>
</html>
Ха -ха, теперь вы можете с уверенностью использовать тег HTML5 на странице.