浏览器的渲染机制

1、什么是DOCTYPE

DTD是一系列的语法规则，用来定义XML或XHTML的文件类型。浏览器会使用它来判断文档类型，决定使用何种协议来解析以及切换浏览器模式。

DOCTYPE是用来声明文档类型和DTD规范的。

DOCTYPE的3种写法：

• HTML5   
• HTML4.01  Strict （严格模式，包含所有的HTML元素和属性，不包括展示性和弃用的元素，如font）  和    HTML4.01 Transitional（传统模式，包含所有的HTML元素和属性，包括展示性和弃用的元素，如font）

2、浏览器渲染过程

3、重排reflow，触发条件如下：

• 增加、删除、修改DOM节点时，会导致reflow和repaint
• 移动DOM位置或搞CSS3动画
• 修改CSS样式的时候
• resize窗口的时候，或是滚动的时候
• 修改网页的默认字体

4、重绘repaint，触发条件如下：

• DOM改动
• CSS改动

5、布局layout