首先，了解一下document.compatMode
这个词直接翻译的话，意思就是文件的兼容模式，作用是判断当前浏览器采用的渲染方式。
它有两种返回值，分别是
BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。
这个属性会帮助浏览器进行浏览器客户区高度、滚动条高度、滚动条的Left、滚动条的Top等等解析。
那么，这个词和<!DOCTYPE html>有什么关系呐
在大多数浏览器里，可能不写这行代码，它采取了标准模式解析，那么不会出现问题，但是有些浏览器如果默认采用了怪异模式解析，那就可能会产生问题。
在一开始，我发现不写这行代码，在Chrome里写的代码也可以正常解析呐，那我感到非常疑惑，为什么我一定要写它呢，进过一番探索，以上就是我刚入门的一些见解。
