IE 10 的“Quirks”和“Internet Explorer 5 Quirks”模式有什么区别？

Question

Quirks Mode 和 Internet Explorer 5 quirks 在 IE10 开发者工具、JavaScript 和 CSS 方面有什么区别？

这两种模式中的哪一种可以从 HTML 触发（与开发工具相反）？

我在 MSDN 上阅读了this blog post，但无法理解这种 IE5 怪癖模式何时可以在现实世界的网站上发挥作用。它说他们所要做的就是不包括文档类型和浏览器必须在兼容性视图中。后者是手动启用还是通过 HTML 或什么启用？

我是插件作者，我担心其他人的插件因文档/浏览器模式而损坏。

Answer 1

IE10 之前的 IE 版本只有一个 Quirks Mode。这种模式现在在 IE10 及更高版本中称为 IE5 Quirks。

IE10 引入了第二种 Quirks 模式，它简称为 Quirks。

这两种模式都会更改渲染模式以使用旧的“怪癖”框模型，以及其他布局更改。这一点在他们之间是一致的。

最初的 Quirks 模式基本上是一种向后兼容模式，以模仿 IE5。正因为如此，除了改变盒子模型等之外，它还禁用了自 IE5 以来引入的大部分浏览器功能——所以在这种模式下，HTML5 的新功能都不起作用。

较新的 Quirks 模式使用与旧的 Quirks 模式相同的渲染规则，但不会禁用所有浏览器功能。

这是它们之间的基本区别。

然后可以问为什么要同时使用两种模式？

这个问题的答案是其他浏览器（例如 Chrome）也有一个 Quirks 模式，当页面没有 doctype 时会触发（就像 IE）。但其他浏览器从未像 IE 那样为了向后兼容而禁用任何功能。

结果是，与其他浏览器相比，处于 quirks 模式的网站在 IE 中看起来可能完全不同，即使基本呈现规则相同。

因此，IE 引入了更新的 quirks 模式，以提高 quirks 模式下网站的跨浏览器兼容性。

但结果是，较新的 quirks 模式会呈现与旧 quirks 模式不同的某些页面，因此 MS 仍需要较旧的模式来支持为其编写网站的用户。

如果可能的话，最终应该避免使用怪癖模式（其中任何一种）。尽管 MS 通过引入额外模式付出了跨浏览器的努力，但当您处于 quirks 模式时，浏览器之间仍然存在重大差异。

最佳做法是尽可能使用标准模式。

无论如何都应该不需要 Quirks 模式：如果您需要 Quirks 模式框模型，可以使用 CSS box-sizing:border-box 在标准模式下访问。