Html5帮助文件？

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应该保留哪些组件？(我用数字标记每个部分,以便您更容易参考).

_{(ps 这个问题没有多大帮助,因为我有更多的部分)}

Answer 1

所有这些共同的目的是做两件事：

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

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

HTML 支持

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

如果您不使用 Modernizer，则可能不需要加载整个库。那么您最好只使用 HTML5 shiv，并带有条件 IE 注释。

使用没有。如果您使用 1 或 3，2 似乎完全多余。

媒体查询支持

当谈到 4 和 5 时，它们都通过在缺乏本机支持的浏览器中添加对媒体查询的支持来在旧版浏览器中启用响应式网站。

我只有个人体验Respond.js，非常轻量。限制是它只会添加对min/max-width媒体查询的支持。如果这足以满足您的设计，那么就不用了。5个就足够了。

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