html版本声明和浏览器的怪异模式

之前一直没搞清楚做前台页面的时候总会出现的一些声明有什么用，如下图中的第一行：

之后通过网课了解到，这是不同版本间html的版本声明，浏览器通过这些声明采用对应方法对代码进行解析。以下是目前常用的版本声明：

HTML 4版本声明：

XHTML 版本声明：

以上版本都是比较早时期的版本了，需要这么多版本的声明也是因为早期的HTML的代码规范十分松散，非常容易导致浏览器的不兼容，而2014年推出来的HTML5对此也进行了简化，变成如下：

< ！doctype html>

以上声明大小写都可以，如果不写版本声明会发生什么事？浏览器为了兼容一些旧的网页，设置了标准模式和怪异模式（Quirks Mode），当浏览器进入怪异模式，不能正常解析代码，因此版本声明是必须要写的。