KB001_兼容性问题与浏览器的内核及渲染模式-W3Help.pdfVIP

12-11-15 KB001: - W3Help KB001 兼容性问题与浏览器的内核及渲染模式 兼容性问题 • 浏览器的内核 • 浏览器的工作模式 • 建议 作者：孙东国 陆远 兼容性问题 目前市面上流行的浏览器有多种，这些浏览器在处理一个相同的页面时，表现或行为有时会有差异。 这种差异可能很小，甚至不会被注意到；也可能很大，甚至造成在某个浏览器下无法正常浏览。 我们把引起这些差异的问题统称为“浏览器兼容性问题” 。 浏览器的内核 各品牌浏览器的内核是不同的，不同的内核处理同一段代码的时候思路不同。因此可以说，浏览器间 内核的差异是产生兼容性问题的根本原因。 1 “ 内核”也称为“ 引擎” 。常见的浏览器及其渲染引擎 （又称排版引擎）、脚本引擎的列表 如下： Browser Name Layout Engine ECMAScript Engine Internet Explorer 6 - 8 Trident JScript Firefox 3.5 Gecko TraceMonkey Chrome 4 WebKit V8 Safari 4 WebKit SquirrelFish Extreme Opera 10 Presto Carakan 注： 1. 关于浏览器内核的更多信息，请参考 维基百科 - 排版引擎 及 维基百科 - 网页浏览器比较 中的相关内容。 浏览器的工作模式 工作模式简介 浏览器的工作模式常被称为“渲染模式” 。实际上浏览器不同的工作模式不仅对渲染有影响，对代码的 解析以及脚本的行为也同样有影响。 从更广泛的角度来看，浏览器的工作模式的差异不仅体现在处理 HTML 页面的时候，处理 XML 及一 些非 WEB 内容时也有模式上的差异，但本文仅讨论浏览器在处理 HTML 页面时工作模式。 1 注： 1. 关于浏览器的工作模式的更多信息，请参考 Activating Browser Modes with Doctype 。 工作模式的来源及变迁 1 微软于 2001 年 8 月 27 日发布的 IE6 （Internet Explorer 6 ）增强了对 CSS1 的兼容 ，这使得 IE6 2 对 CSS 的解析及渲染与它的前一个版本 IE5.5 有了很大的差别，如对盒模型的理解 、表格尺寸的 /zh-cn/kb/001 1/4 12-11-15 3 算法 等。 4 为了保持良好的向后兼容性，微软为用户提供了一个“开关” ，来决定浏览器的工作模式 ，这个“开 关”就是页面顶部的 DTD。 某些 DTD 将使 IE6 工作在“标准兼容模式” （即“标准模式” ），这种模式使用了 IE6 最新的处理方式， 包括对 CSS1 的兼容及一些 DHTML 方面的增强。 而另一些 DTD，包括不设置 DTD 将使 IE6 工作在“ 向后兼容模式” （即“混杂模式” ），这种模式对页面 的处理是与 IE5.5 保持一致的，这样就可以保证对一些在 IE5.5 中表现良好的页面在 IE6 中也能达到 同样的效果。 微软在后续