2012-03-21 3 views
1

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

<!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> 
+0

Вы должны прочитать больше о том, HTML5 является то, что браузеры поддерживают его, и, как приспособиться к более старых браузеров. http://www.quirksmode.org/ http://caniuse.com/ – Joseph

ответ

2

старые версии IE не лечат новые элементы HTML5, как заголовок, нав, статьи, нижний колонтитул, адрес как «неизвестные» элементы.

Вы можете просто ввести новые элементы старых членов семьи IE с помощью простого JavaScript подхода:

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

Проверьте статью HTML5 Shiv и, например, modernizr framewoerk

НТН,

--hennson

0

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

+0

Я использую ie7 и ie8 – Carlos

0

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

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

header { 
    display: block; 
} 

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

+0

красная рамка не отображается в ie 7 и я удалил html5 shiv – Carlos

+0

@amit: что-то изменилось в IE 7, если вы вернуть html5shiv? –