＜!DOCTYPE html＞ 的作用
简单来说，<!DOCTYPE html>的作用就是用来告诉浏览器，要以标准模式来解析HTML页面，这个声明必须放在HTML文档的第一行
浏览器模式：
BackCompat: 怪异模式（默认)
CSSS1Compat: 标准模式
可以用以下代码来查看当前浏览器的解析模式：
<script type="text/javascript">
console.log(document.compatMode);
</script>
在HTML文档初，往往会有这么一句话<!DOCTYPE html>，那么它的意义是什么呢？它是html5标准网页声明,全称为Document Type HyperText Mark-up Language，意思为文档种类为超文本标记性语言或超文本链接标示语言，现在是这个简洁形式，支持html5标准的主流浏览器都认识这个声明。表示网页采用html5，<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
这个标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
public 这行声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0
Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的URL 作为寻找 DTD 的位置。
<!DOCTYPE html>的重要性？
1作用：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。
BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。
这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat,
浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。
如果你的页面添加了<!DOCTYPE html>那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的
标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。
这就是<!DOCTYPE html>的作用。
2 使用：<!DOCTYPE html>
2.1 使用也很简单，就是在你的html页面的第一行添加"<!DOCTYPE html>"一行代码就可以了
2.2 jsp的话，添加在<%@ page %>的下一行。
2.3 不用区分大小写
附：需要注意的问题
没什么特别的，就是一定要将Doctype声明放在xHTML文档的顶部，上面哪怕多个html注释标记都不行。
最好示例代码也加上Doctype，否则效果会有差异。尽管我们不给出这句声明浏览器照样会将HTML文档呈现出来，但是由于HTML版本导致的bug也许就出在这里。
1.什么是<!DOCTYPE html>
<!DOCTYPE html>是html5标准网页声明,全称为Document Type HyperText Mark-up Language，支持HTML5的浏览器都能识别这个声明，表示这是一个HTML5网页。
<!DOCTYPE html>的重要性？
2.作用：声明文档的解析类型(document.compatMode)，避免浏览器用怪异模式来解析渲染页面。
我们编写一份代码，希望在不同浏览器渲染出来的效果是一样！
如果我们再页面添加了<!DOCTYPE html>这个声明，浏览器就会用W3C标准去解析和渲染页面
document.compatMode：
BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。---》这样会导致不同浏览器渲染的效果不一样
CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。
