设置doctype会破坏我的css和javascript_Javascript_Html_Css_Doctype

设置doctype会破坏我的css和javascript

javascript html css

设置doctype会破坏我的css和javascript,javascript,html,css,doctype,Javascript,Html,Css,Doctype,它可以是任何doctype、html5或任何html4 具体来说，如果我不设置doctype，一切都很好。如果设置doctype，则颜色设置如下： #Engine { color:Sienna; } #Gameplay { color:Green; } #Art { color:Chocolate; } 都被忽略了。其他一些标签也被忽略了，我认为主要与id有关。我可以将字体大小设置为屏幕大小，但不会发生任何事情 css通过css验证器传递ok

它可以是任何doctype、html5或任何html4

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

  #Engine {
    color:Sienna;
  }

  #Gameplay {
    color:Green;
  }

  #Art {
    color:Chocolate;
  }

都被忽略了。其他一些标签也被忽略了，我认为主要与id有关。我可以将字体大小设置为屏幕大小，但不会发生任何事情

css通过css验证器传递ok，html通过html验证器传递ok（当我插入doctype时，而不是之前）

另外，正常运行时没有挂接的javascript也会中断，无法找到jquery节点的“offset”方法

chrome和firefox（最新版本）的效果相同。无论是否使用doctype，都不会在internet explorer中加载，但这是针对一个单独的主题…

可能的原因是，在标记中，您对

id

值的拼写与

id

选择器的拼写不同。如果标记中有

id=“engine”

，则元素与“标准模式”中的选择器

#engine

不匹配。在怪癖模式下，它显然是这样的。（这似乎适用于最新发布的Chrome、Firefox和IE版本。）

解决方案是确保在

id

属性定义的标识符的每次出现中使用完全相同的拼写。HTML 4.01规范中的将其明确指定为区分大小写。

可能的原因是，在标记中，

id