渲染模式

前端的同学都会听过怪异模式和标准模式,介绍这两个模式,还要从IE6的发布说起,话说IE6发布的时候,微软在IE6中增加了IE5里没有CSS标准特性,但是为了确保已有web内容在IE6上能正确显示,因此有了这两种不同的渲染模式。

下面分别来介绍下:

标准模式:CSScompat or Strict mode or Standars mode 也叫css兼容模式,在这种渲染模式下,浏览器对文档的渲染要遵循css标准

怪异模式:Quirks mode or Compatibility Mode 这种渲染模式开启,浏览器渲染页面会按照IE4和IE5中的渲染模式渲染页面

1、如何选择渲染模式呢?

渲染模式的选择依赖于html页面顶部的DOCTYPE声明。没有DOCTYPE声明的web页面,IE6及以上会按照怪异模式渲染;对于那些指定DOCTYPE声明web页面,浏览器会具体按照何种方式渲染页面,具体参考http://hsivonen.iki.fi/doctype/

2、javascript如何判断浏览器渲染方式:

通常使用document.compatMode对渲染模式这一特性进行检测,如果值为CSS1Compat,则是标准模式,值为BackCompat或者undefiend则为怪异模式。所有现代浏览器都实现了compatMode属性。

3、jquery如何判断浏览器渲染方式:

$.support.boxModel  如果返回true则为标准模式

$.boxModel 如果返回true则为标准模式

posted on 2013-08-15 17:39  chilebaby  阅读(1002)  评论(0编辑  收藏  举报

导航