设置doctype打破了我的CSS和JavaScript

Question

它可以是任何doctype，html5或任何html4。

具体来说，如果我没有设置doctype，一切都很好。如果我设置了doctype，颜色设置如下：

  #Engine {
    color:Sienna;
  }

  #Gameplay {
    color:Green;
  }

  #Art {
    color:Chocolate;
  }

被忽略。其他一些标签也被忽略了，主要与我认为的id有关。我可以将字体大小设置为与屏幕一样大，没有任何反应。

css通过css验证器传递正常，html验证器的html也是如此（当我插入了doctype时，而不是之前）。

通常在没有故障的情况下运行的javascript中断，无法找到jquery节点的“offset”方法...

chrome和firefox（最新版本）的效果相同。在有或没有doctype的Internet Explorer中根本不会加载，但那是一个单独的主题......

Answer 1

可能的原因是，在您的标记中，您拼写的id值与id选择符的拼写不同。如果标记中有id="engine"，则该元素与“标准模式”中的选择器#Engine不匹配。在Quirks模式中，它显然是这样。 （这似乎适用于最新发布的Chrome，Firefox和IE版本。）

解决方案是确保在每个id属性定义的标识符中使用完全相同的拼写。 HTML 4.01规范中的definition of id明确将其指定为区分大小写。