浏览器内核

定义：

浏览器内核Rending Engine, 渲染网页内容，将网页的代码转换为你看得见的页面，因为是排版，所以排版，所以肯定会有排版错误等问题。为什么会有排版错误呢，一部分是由于网站本身编写不规范，另一方面是浏览器本身的不规范。

分类：

Trident内核(window)

Trident就是大名鼎鼎的IE浏览器所使用的内核，也是很多浏览器所使用的内核，MS现在采用的越来越少，反之使用webkit的越来越多，老的trident内核（比如IE6）当年占得市场份额很大，后果就是大量的网页是专门为IE6等老trident内核编写，但这些网页的代码并不符合w3c标准，于是完全符合w3c标准的网页在老trident内核下出现了偏差，这就是为什么后来很多人觉得后来的IE9网页排版有点混乱，而IE6正常，其实不是浏览器的兼容性差了，而是你访问的的网页不符合新的标准，目前可供调用的最新版的Trident内核是IE9使用的内核，较之前的版本对w3c的标准支持增了很多。

基于Trident内核的浏览器有：ie6,ie7,ie8(Trident 4.0) , ie9(trident 5.0) , ie10(trident6.0);

世界之窗，360安全浏览器， 遨游2.0（3.0以上版本开始采用webkit内核），搜狗浏览器，腾讯TT；其中部分版本的浏览器是双核浏览器，甚至是多核，

Gecko（跨平台）

Natescape6启用的内核，现在又mozilla基金会进行维护，是开源的浏览器内核，目前主流的Gecko内核是mozilla firefox, 由于firefox的出现，IE的霸主地位逐渐被削弱，chrome的出现加速了这个进程，非trident内核的兴起逐渐改变了整个互联网的格局，最直接的推动是编码的标准化，也使MS在竞争的压力下不得不改进IE，不过可惜的是，虽然是开源的，也开发了这么多年，基于Gecko的浏览器并不多见，除了一些简单的改动或者重新编译，深度定制或者增了强外壳的还是比较少见。

khtml(linux)

KDE开发的内核，速度快捷，容错率低，这种内核不见得有很多人知道，但后面看下去你就会明白，常见的khtml内核的浏览器有：konqueror

webkit（跨平台）

由khtml发展而来，也是apple给开源世界的一大贡献，是目前最火热的浏览器内核，火热的不是说它的市场份额，而是应用的面积和势头，因为脱胎于khtml,所以具有高速的特点，同样遵守w3c标准，从目前来看，webkit内核是最具有潜力而且是已经有相当成绩的新型内核，性能非常好，对w3c标准的支持也非常完善。

基于webkit内核的浏览器主要有：apple 的safari(win/mac/iphone/ipad) 、google的chrome、塞班手机浏览器、android手机默认的浏览器

Presto（跨平台）

opera采用的内核，准确的说是opera7.0及以后的版本采用的内核，之前的版本采用的内核是elektra， 无容置疑，Presto内核对w3c的支持也很良好，presto对页面文字的解析方面的性能比webkit还要高，对页面有较高的阅读性，渲染速度较其他几个内核快，但是兼容性牺牲了

基于presto的内核的浏览器有： opera

决定浏览器表现出来的页面效果的差异是：渲染引擎 Rendering Engine（也叫做排版引擎），也就是我们通常所说的“浏览器内核”，负责解析网页语法（如HTML、JavaScript）并渲染、展示网页。相同的代码在不同的浏览器呈现出来的效果不一样，那么就很有可能是不同的浏览器内核导致的。

浏览器加载页面时的具体流程：（解析 构建布局 渲染）

1、解析HTML以重建DOM树（Parsing HTML to construct the DOM tree ）：渲染引擎开始解析HTML文档，转换树中的标签到DOM节点，它被称为“内容树”。

2、构建渲染树（Render tree construction）：解析CSS（包括外部CSS文件和样式元素），根据CSS选择器计算出节点的样式，创建另一个树 —- 渲染树。

3、布局渲染树（Layout of the render tree）: 从根节点递归调用，计算每一个元素的大小、位置等，给每个节点所应该出现在屏幕上的精确坐标。

4、绘制渲染树（Painting the render tree） : 遍历渲染树，每个节点将使用UI后端层来绘制。

主要的流程就是：构建一个dom树，页面要显示的各元素都会创建到这个dom树当中，每当一个新元素加入到这个dom树当中，浏览器便会通过css引擎查遍css样式表，找到符合该元素的样式规则应用到这个元素上。