1、DOCUTYPE的作用？
写页面第一件事就是写 <!DOCTYPE html>，为什么呢？
作用：声明文档的解析类型（document.compatMode）、避免浏览器使用怪异模式。
document.compatMode：BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面、（默认）。
document.compatMode： CSS1Compat：标准模式、浏览器使用W3C标准解析渲染页面。
这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat。浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式、很可能出现兼容问题。
如果你的页面添加了<!DOCTYPE html>那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。这就是<!DOCTYPE html>的作用。
2、使用方法
<!DOCTYPE html> 就可以了，不存在兼容问题、而且不区分大小写！