Doctype作用？严格模式与混杂模式如何区分？它们有何意义？

Doctype的作用：

此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范，也就是说它会很负责地告诉浏览器怎么解释你的这个标签和你写的css

如果不声明网页的文档类型，浏览器在解析的时候会以怪异模式解析网页代码，不同的浏览器下，怪异模式解析的网页效果差别很大，会造成网页布局排版的错位，在早些时候，尝试使用严格模式总是会产生关于图片会突然获得旧式的底部边距，并且无法移除的讨论。产生这个现象的原因是严格模式将标签当成行内元素，这意味着一些空间将被保留给一些拥有”尾部“的字符如（g, j, q），而图片并没有“尾部”字符，所以这些空间将不会被使用，但是却依旧保留着。 

解决办法是声明图片为块级元素{display:block}

 

标准模式与混杂模式：

不同文档模式主要影响CSS内容的呈现，尤其是浏览器对盒模型的解析，但在某些情况下也会影响到JavaScript的解释执行。