HTML 5 тег не поддерживается на ниже ie9? - PullRequest
Новая
       1

HTML 5 тег не поддерживается на ниже ie9?

1 голос
/ 21 марта 2012

Я только что посетил apple.com, и они используют html5-тег, такой как nav.он работает во всех браузерах, но я пытаюсь протестировать html5-код, который не работает в ie8 и ie7.Я не понимаю, в чем проблема, как сайт Apple работает во всех браузерах. 

<!DOCTYPE html >
<html>
<head xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html 5</title>
<style>
#header { margin:0 auto; width:980px; overflow:hidden; border:solid 1px #F00}
</style>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>

<body>
<header id="header">adfadf</header>
</body>
</html>

Ответы [ 4 ]

2 голосов
/ 21 марта 2012

старые версии IE не рассматривают новые элементы HTML5, такие как header, nav, article, footer, address, как "неизвестные" элементы

Вы можете просто представить новые элементы старым членам семейства IE, используя простой подход JavaScript: 

document.createElement("article");  
document.createElement("footer");  
document.createElement("header");  
document.createElement("hgroup");  
document.createElement("nav");

Ознакомьтесь со статьей HTML5 Shiv и, например, Modernizr Framewoerk * ​​1009 *

НТН,

- hennson

0 голосов
/ 21 марта 2012

IE8 и IE7 не совместимы с HTML5, поэтому ваш код не будет выполняться.Я предполагаю, что на сайте Apple есть предостережения, чтобы проверить, какой браузер вы используете.Какой элемент управления вы особенно хотите использовать?

0 голосов
/ 21 марта 2012

Это зависит от того, что вы подразумеваете под «не работает в ie8 и ie7». Я вижу, у вас есть HTML5shiv - это должно заставить IE по крайней мере распознавать ваш элемент <header>. Красная граница появляется хотя бы?

Имейте в виду, что IE (так же, как и в старых версиях Firefox) не будет применять стили по умолчанию к этим элементам, поэтому вам также необходимо добавить их, например, 

header {
    display: block;
}

Сброс таблиц стилей, таких как Эрик Мейер, добавляет этот CSS для вас:

0 голосов
/ 21 марта 2012

Попробуйте использовать этот скрипт для работы html5: http://www.modernizr.com/download/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...