Question

我刚刚访问过apple.com，他们使用了一些像nav这样的html5标签。它在所有broswer工作但我尝试测试html5代码它不在ie8和ie7工作。我没有得到苹果网站在所有浏览器中工作的问题。

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

Answer 1

旧版本的IE不会将新的HTML5元素（如标题，导航，文章，页脚，地址）视为“未知”元素。

您可以使用简单的JavaScript方法将新元素简单地引入旧的IE家族成员：

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

查看文章HTML5 Shiv，例如modernizr framewoerk

HTH，

- hennson

Answer 2

尝试使用此脚本来获取html5：http://www.modernizr.com/download/

Answer 3

IE8和IE7不符合HTML5，因此您的代码将无法执行。我猜这个Apple网站有一些警告来测试你正在使用哪个浏览器。特别是你想要使用的任何控制？

Answer 4

这取决于你的意思是“不在ie8和ie7工作”。我看到你有HTML5shiv - 这应该让IE至少识别你的<header>元素。红色边框至少出现了吗？

请记住，IE（就像旧版本的Firefox一样）不会对这些元素应用任何默认样式，所以你也需要添加它们，例如。

header {
    display: block;
}

重置样式表，例如Eric Meyer，为您添加这个CSS：

http://meyerweb.com/eric/tools/css/reset/

html 5标签不支持ie9下面？

4 个答案: