2012-03-21 113 views
1

我剛剛訪問過apple.com,他們使用了一些html5標籤,如nav。它在所有的瀏覽器工作,但我嘗試測試HTML5代碼它不在ie8和ie7中工作。我沒有得到什麼問題蘋果網站如何在所有瀏覽器中工作。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 2012-03-21 09:41:27

回答

2

舊版本不把新的HTML5元素,如標題,導航,文章,頁腳,地址爲「未知」元素。

您只需通過一個簡單的JavaScript方式引入新的元素,老IE家族成員:

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

請查看文章HTML5 Shiv和如在modernizr framewoerk

HTH,

--hennson

0

IE8和IE7不兼容HTML5,因此您的代碼將不會執行。我猜測蘋果網站有警告要測試你使用的瀏覽器。特別是你正在使用的任何控制?

+0

我使用ie7和ie8 – Carlos 2012-03-21 10:08:23

0

這取決於你的意思是「不在ie8和ie7中工作」。我看到你已經有了HTML5shiv - 這應該讓IE至少識別你的<header>元素。至少紅色邊框是否顯示?請注意,IE(就像舊版本的Firefox)不會將任何默認樣式應用於這些元素,因此您還需要添加這些元素,例如,

header { 
    display: block; 
} 

像Eric Meyer的重置樣式表添加這個CSS你:IE的

+0

紅色邊框沒有顯示在ie 7和我刪除html5 shiv – Carlos 2012-03-21 10:11:18

+0

@amit:如果你在IE 7中做任何改變把html5shiv放回去? – 2012-03-21 10:25:58