HTML5 html5shiv 和 IE7

标签 html internet-explorer html5shiv

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

debugbar_output

如何使用 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>

最佳答案

你不知道。 html5shiv 只能对这些元素进行样式设置。 IE7 仍然不知道它们。

关于HTML5 html5shiv 和 IE7,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11601898/

相关文章:

html - 在简单的 html 中使用 Div 和隐藏选项

javascript - IE innerHTML 改变内容?

javascript - 为什么 HTML5 Boilerplate 以两种不同的方式(谷歌和 vendor )包含 HTML5 Shiv?

internet-explorer - GetOrgChart 在 IE 中展开节点

html - A 标签上的下载属性在 IE 中不起作用

internet-explorer-8 - 带有 respond.js 和 html5shiv.js 的 Bootstrap 3 仍然无法在 IE8 上运行

html - Swiffy 转换错误(Flash 到 HTML5)

javascript - 图片源无效错误

html - rem 字体大小无法在 css 动画中正确呈现