是什么让 Internet Explorer 进入怪异模式？答案

【问题标题】：What throws Internet Explorer into quirks mode?是什么让 Internet Explorer 进入怪异模式？
【发布时间】：2011-04-26 09:11:47
【问题描述】：

我创建了一个网页 (http://www.snow4life.yum.pl)，它在 firefox、chrome 等中正确呈现。当然愚蠢的 IE 复杂的事情，因为它自动进入怪癖模式，即使正确设置了 doctype并且站点通过w3 validation（有一个错误是缺少一些字符，但文件在十六进制编辑器中被清除）。如何阻止 ie 进入怪癖模式？有什么办法吗？

【问题讨论】：

标签： css internet-explorer xhtml w3c-validation quirks-mode

【解决方案1】：

尝试删除 DOCTYPE 之前的所有空格。

编辑：有一个 <feff> 字符，它是文件开头的 Unicode BOM 签名。由于您可能没有可以实际看到的文本编辑器，请尝试删除整个第一行并粘贴

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

并且不要使用 BOM unicode 签名保存文件。如果这不起作用，请尝试使用其他文本编辑器。

【讨论】：

您的网站在 Firefox 中也处于 quirks 模式。文档类型前面还有一个空格。
该死的，不管我在那里粘贴什么，即仍然处于怪癖模式。即使使用来自 w3c 的复制/粘贴模板。 wtf
最好的部分：我保存了 w3c.org 的主页并将其重命名为我的模板。 W3C 验证器显示 40 个错误！当然 - 怪癖模式。
我现在用的是vim，从w3c清除模板还是一样。我只是将代码粘贴到 vim -> save'as -> base.html 然后将其发送到服务器。就这样。仍然 w3c 验证器显示这个愚蠢的“预期开始标签，'
好的，我已经将它放在不同的服务器上，现在它可以工作了。服务器能以某种方式影响它吗？

【解决方案2】：

将下面的代码粘贴到head标签中

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

【讨论】：

【解决方案3】：

我从第一条评论中添加了文档类型，然后添加了元标记，它起作用了，谢谢大家....不感谢 IE :(

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

和

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

我刚刚将文档类型更改为 html5，它仍然很好用

 <!DOCTYPE html> 
    <html>
      <head> 
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

【讨论】：

【解决方案4】：

如果在 DOCTYPE 之前有任何内容，也会触发任何版本的 IE 中的 Quirks 模式。例如，如果超文本文档在 DOCTYPE 声明之前包含注释、空格或任何标记，IE 将使用 quirks 模式：

<!-- This comment will put IE 6, 7, 8, and 9 in quirks mode -->
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

【讨论】：