-
概念
标准模式:浏览器引入w3c的标准,按照w3c的标准进行界面渲染。
怪异模式:浏览器采用自身标准(各个浏览器不同)进行界面渲染。 -
产生原因
由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同。在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks);由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSScompat)。但存在一个问题就是如何保证旧的网页还能继续浏览,在标准出来以前,很多页面都是根据旧的渲染方法编写的,如果用的标准来渲染,将导致页面显示异常。为保持浏览器渲染的兼容性,使以前的页面能够正常浏览,浏览器都保留了旧的渲染方法(如:微软的IE)。这样浏览器渲染上就产生了Quircks mode和CSScompat mode,两种渲染方法共存在一个浏览器上。 -
查看当前界面渲染模式
alert(window.top.document.compatMode) ;
/BackCompat 表示怪异模式
//CSS1Compat 表示标准模式
-
如何设置当前界面的渲染模式
设置怪异模式:文档顶部什么都不写
设置标准模式:
文档顶部添加 <!DOCTYPE HTML>
-
建议
标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行,为了我们写的代码更好的兼容,请一定要让浏览器使用标准模式渲染。