2012-03-21 80 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