我正在尝试让IE7使用html5shiv呈现HTML5;我认为html5shiv可以解决这些问题。然而,Internet Explorer的调试栏仍然在抱怨HTML5标签。

如何使用html5shiv修复此问题,以使用相同的HTML5内容而不会在调试栏中出现错误?
<!DOCTYPE html>
<!--
See this page for language codes:
http://tlt.its.psu.edu/suggestions/international/web/tips/langtagscript.html
-->
<html class="no-js" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML5 Page Template</title>
<!--
html5shiv via CDN
Provides HTML5 support in hateful IE versions
CDN: http://cdnjs.com/
-->
<!--[if lt IE 9]>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div id="page">
<header>
<h1><a href="#">Standard HTML5 Page</a></h1>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>
<section id="featured">
<article>
<header>
<h1><a href="#">Title Foo1</a></h1>
</header>
<section>
<p>Lorem ipsum...</p>
</section>
</article>
<article>
<header>
<h1><a href="#">Title Foo2</a></h1>
</header>
<section>
<p>Lorem ipsum...</p>
</section>
</article>
</section>
<section id="ads">
<a href="http://careers.stackoverflow.com/">Get a better job!</a>
</section>
<footer>
<p>Insert footer info here</p>
</footer>
</div>
</body>
</html>发布于 2012-07-23 00:17:22
不需要。html5shiv只允许对这些元素进行样式设置。IE7仍然不会知道他们。
发布于 2012-08-23 02:53:16
我还遇到过让html5shiv在IE Tester中工作的问题(假设您使用的是IE Tester),当我强制IE8使用标签模拟IE7时,我发现不会发生这种情况,如下所示:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7;">(请参阅我对类似问题的回答here)。基于这个经验,我怀疑IE Tester可能在html5shiv上遇到了问题:在实际的IE7中测试您的页面可能是值得的,以确保这里确实存在问题。
https://stackoverflow.com/questions/11601898
复制相似问题