3

我想布局一个带有 html5 语义标记的网站。我在想; 如果我使用 html5 并像使用 html4 一样设置部分的样式，它仍然可以正确呈现吗？我不想使用真正最新的 html5 东西，比如画布，我只想证明这个网站的未来。

4

3 回答 3

1

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

至于诸如<video>或类似的HTML5“实用程序”，您最好使用检测浏览器功能并使用适当代码的Javascript库。例如， Jplayer允许您嵌入使用 HTML5（如果可用）和 Flash（如果不是）的视频和音频，同时仍使用相同的 HTML 界面。

如果您想要一个真正炫耀的功能，例如 Canvas 驱动的系统，那么最好不要将其用于您网站的主要区域，只需添加一个小注释，说“请升级到现代浏览器以正确查看此内容”如果您可以检测到它不起作用（可以通过使用var check=document.createElement('canvas')then 检查该值是否未定义。

于 2012-05-28T22:38:14.547 回答
1

您绝对可以使用 shim 来做到这一点 - 这将允许您使用所有 HTML5 语义标签并将它们转换为旧浏览器。在这里查看 html5shim：http ://code.google.com/p/html5shim/

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

<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
于 2012-05-28T22:38:55.240 回答
1

您可以使用 HTML5 Boilerplate 来做到这一点。

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

html5boilerplate.com

于 2012-05-28T23:12:49.997 回答