header/footer/nav 标签——在 IE7、IE8 和不支持 HTML5 的浏览器中会发生啥？

Posted 2023-03-06

技术标签:

【中文标题】header/footer/nav 标签——在 IE7、IE8 和不支持 HTML5 的浏览器中会发生啥？【英文标题】：header/footer/nav tags - what happens to these in IE7, IE8 and browsers than don't support HTML5?header/footer/nav 标签——在 IE7、IE8 和不支持 HTML5 的浏览器中会发生什么？ 【发布时间】：2011-07-19 01:26:30 【问题描述】：

我渴望开始使用 html5，尤其是 <header>/<footer>/<article>/<nav> 标签。

如果浏览器不支持这些会怎样？

我还需要设置这些样式：例如：nav 有边框和边距等。你知道标准 CSS 的东西。

所以如果我使用nav 标签设置它们的样式，那么 IE7 和 IE8 等会忽略这一点吗？

【问题讨论】：

如果您还没有阅读过Dive into HTML5，我衷心鼓励您阅读它，但现在，我将通过section 的链接来回答您的问题，该链接描述了与 HTML5 的不一致和 IE 哇，我现在只是看看！这是很棒的东西！谢谢没问题，马丁。 Dive into HTML5 是最好的资源，而且完全免费。太糟糕了，没有答案实际上明确揭示了真相：对于您希望 IE <script>document.createElement("article");</script>。另请参阅***.com/questions/5227331/… 了解一些解决方案。 【参考方案1】：

在加载任何 CSS 文件之前，将其放置在页面的 <head> 部分。

<!--[if lte IE 8]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->

html5shi(m|v) 为所有 html5 元素创建 doc 元素，以便您的 CSS 样式可以启动。IE 的默认行为是忽略未知元素。有关更多信息，请参阅 resig 的 blog post。

【讨论】：

这是有用的信息 Andrew，但您应该解释代码的作用，以便更准确地回答问题并帮助有相同问题的任何人。一直在寻找这个。谢谢发帖！这是一个了不起的脚本它节省了我很多时间@Andrew Tubbs。非常感谢。 2016 年，html.js 更新位置：oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js【参考方案2】：

是的，IE

First is the html5 shiv

【讨论】：

以上是关于header/footer/nav 标签——在 IE7、IE8 和不支持 HTML5 的浏览器中会发生啥？的主要内容，如果未能解决你的问题，请参考以下文章