javascript - IE 1 0's "Quirks"和 "Internet Explorer 5 Quirks"模式有什么区别？

Question

在 IE10 开发人员工具、JavaScript 和 CSS-wise 中，Quirks Mode 和 Internet Explorer 5 quirks 有什么区别？

这两种模式中的哪一种可以从 HTML 触发(相对于开发者工具)？

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

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

Answer 1

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

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

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

最初的 Quirks 模式基本上是一种模拟 IE5 的向后兼容模式。因此，除了更改框模型等之外，它还禁用了自 IE5 以来引入的大多数浏览器功能——因此在这种模式下，所有新的 HTML5 功能都将不起作用。

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

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

那么问题就来了，为什么要同时拥有这两种模式？

答案是其他浏览器(例如 Chrome)也有 Quirks 模式，当页面没有文档类型时会触发(就像 IE)。但其他浏览器从未像 IE 那样禁用其任何功能以实现向后兼容性。

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

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

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

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

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

Quirks 模式应该是不必要的:如果您需要 Quirks 模式框模型，可以使用 CSS box-sizing:border-box 在标准模式下访问它。