Question

我们正在编写其设计由另一家公司制作的网站逻辑。（他们给我们发了html文件）

然而，当我们查看他们的源代码html时，我们看到了：

1） modernizr.js

2）创建html5元素脚本：

<!--[if lt IE 9]>
       <script>
          document.createElement('header');
          document.createElement('nav');
          document.createElement('section');
          document.createElement('article');
          document.createElement('aside');
          document.createElement('footer');
       </script>
    <![endif]-->

3） Html5 shiv JS：

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

4）对css3-mediaqueries.js媒体查询的引用

5） Respond.js v1.1.0分钟/最大宽度媒体查询

我对html5集成了解不多，但我认为这里有冗余组件。

例如，我听说modernizr 已包含 html5 shiv提供的解决方案。

作为我想要使用modernizr.js的假设，我应该保留哪些组件？（我用数字标记每个部分，以便您更容易引用）。

_{（p。this question没有多大帮助，因为我有更多的部分）}

Answer 1

所有这些都有两个目的：

启用HTML5元素以在旧版浏览器（1,2和3）中呈现
在旧浏览器（4和5）中启用CSS媒体查询

今天使用它们的方式，在你的例子中，你将有很多重叠的功能，这是不必要的。我对此的看法如下。

HTML支持

如果您将Modernizer用于其他目的，而不仅仅是在旧浏览器中使用HTML5元素，那么我建议您仅使用Modernizer并删除2和3，因为Modernizer包含HTML5 shiv。

如果您不使用Modernizer，则可能无需加载整个库。那么你可能最好只使用HTML5 shiv，条件IE-comment。

使用否。如果您使用1或3，那么2似乎完全是多余的。

媒体查询支持

当涉及到4和5时，他们都致力于在旧浏览器中启用响应式网站，通过在缺乏本机支持的浏览器中添加对媒体查询的支持。

我只有Respond.js的个人经历，这是非常轻量级的。限制是它只会添加对min/max-width媒体查询的支持。如果这对你的设计来说已经足够了，那么没有。 5就足够了。

如果您需要更广泛的媒体查询支持，我相信您需要向前看。 4相反，但我想你可以摆脱不。 5，因为它将是多余的。

Answer 2

根据modernizr web page上的声明，您不需要任何其他检查来测试HTML5元素和CSS3媒体查询。

这意味着您可以放弃所有其他库，仍然需要返回并检查。

Html5帮助文件？

2 个答案: