很重要


1作用:声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。


   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 不用区分大小写


想了解更多,可以参考:

w3c : http://www.w3school.com.cn/tags/tag_doctype.asp

你可能感兴趣的:(浏览器,怪异,标准模式)