Modernizr vs HTML shiv

Question

如果我只需要较老的浏览器来识别HTML5标记，我应该使用哪个，Modernizr还是流行的HTML5 shiv？另外，如果我不需要设置这个HTML5标记的样式，我还需要浏览器识别它们吗？或者只有在将CSS添加到这些标记时才有必要？

谢谢!

Answer 1

html5shiv基本上允许IE识别和样式化HTML5元素，而现代提供了浏览器支持的相同的外加功能检测。

因此，要回答您的问题，HTML5 shiv应该足以识别IE中的HTML5标记。(注意，我在这里说IE是因为它是html5shiv的目标，我不确定你说的旧浏览器是什么意思)

对于第二部分，即使您不想设置HTML5标记的样式，我也建议使用shiv，因为浏览器可能不正确地显示它们，或者根本不显示它们，所以最好是安全的。

Answer 2

HTML5 shiv更小一些，除非你需要现代的一些检测功能，否则就选择它吧。

文件的大小非常重要，因为它总是在html文档的头部，并且在完全执行之前阻止下载额外的资源。

由于它只适用于较旧的浏览器，因此我使用以下代码：

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

您可以删除不使用的html标记，但这样您将无法使用Google托管的文件。

Answer 3

如果浏览器支持特定的CSS或HTML5功能，也可以使用现代工具来加载特定的文件。

假设浏览器不支持'canvas‘作为HTML5元素，不支持’CSS3‘作为字体属性

Modernizr.load({
test: Modernizr.fontface && Modernizr.canvas, // Test if the browser supports it or not
yep : '/path-to/html5-css3-attributes.css',  // If browser supports it, load this file
nope: '/path-to/old-css-attributes.css' // If NOT, load this instead
});

您也可以在您的文件路径条件下使用.js。