如果我将它用于我的布局，我的网站是否可以使用不支持html5的下游浏览器？

Question

我想布置一个带有html5语义标记的网站。我在想;如果我使用html5并像html4一样设置样式，它还能正常渲染吗？我不想使用像canvas这样的最新html5内容，我只想在将来证明这个网站。

Answer 1

浏览器将忽略任何HTML5特定标记（例如<nav>或<header>）。原始代码不会出现在页面上（您不会出现单词<nav>等），但他们根本不会做任何事情。请注意，应用于它们的任何样式也不起作用 - 我发现这很困难。如果要设置导航栏的样式，请不要设置<nav>标签的样式;设置其中的<div>或类似标签。

对于诸如<video>之类的HTML5'实用程序'，您最好使用检测浏览器功能并使用相应代码的Javascript库。例如，Jplayer允许您嵌入使用HTML5的视频和音频（如果可用），如果没有则使用Flash，同时仍然使用相同的HTML界面。

如果您想要一个真正的炫耀功能，如Canvas供电的系统，那么最好不要将它用于您网站的主要区域，只需添加一个小说“请升级到现代浏览器查看这恰当“如果你能检测到它不起作用（可以使用var check=document.createElement('canvas')然后检查值是否未定义。

Answer 2

使用垫片肯定可以做到这一点 - 这将允许您使用所有HTML5语义标记，并将它们转换为旧版浏览器。在这里查看html5shim：http://code.google.com/p/html5shim/

并将其包含在您的代码中，如何显示：

<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->

Answer 3

您可以使用HTML5 Boilerplate完成此操作。

它包含了Modernizr（包括html5shiv），还有更多。

html5boilerplate.com