页眉/页脚/导航标签-在IE7,IE8和浏览器中,不支持HTML5的标签会发生什么变化?


71

我很想开始特别使用Html5<header>/<footer>/<article>/<nav>标签。

如果浏览器不支持这些怎么办?

我还需要对它们进行样式设置:例如:nav具有边框和边距等。您知道标准的CSS知识。

因此,如果我使用nav标签对它们进行样式设置,则IE7和IE8等将忽略这一点?


如果您尚未阅读潜入HTML5,我会由衷地鼓励你读它,但现在,我会链接到回答你的问题部分描述与HTML5和IE <9不一致。
Michael McTiernan

哇,我现在看看!这是很棒的东西!谢谢
马丁

没问题,马丁。深入了解HTML5是目前最好的资源,它是完全免费的。
Michael McTiernan

4
太糟糕了,实际上没有答案能明确地揭示真相:您基本上必须<script>document.createElement("article");</script>为要IE <9识别的每个新元素。
Andreas Rejbrand

1
另请参阅stackoverflow.com/questions/5227331/…,了解一些解决方案。
David d C e Freitas 2014年

Answers:


87

<head>在加载任何CSS文件之前,请将其放在页面的这一部分。

<!--[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的博客文章


14
这对Andrew很有用,但您应该解释代码的作用,以更准确地回答问题并为遇到相同问题的任何人提供帮助。
2011年

一直在寻找这个。谢谢发表!这是一个了不起的脚本
Jon B

它节省了我很多时间@Andrew Tubbs。非常感谢。
ArunDhwaj IIITH

2016年,html.js的更新位置:oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js
Peeech

5

是的,IE <9将忽略任何HTML5元素(原因#3162,没有人应该使用IE),但是有一些JavaScript解决方案可以解决我今天心情不佳的问题。我确定其他人会在下面发布这些解决方案。:)

首先是html5 shiv

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.