浏览器的渲染机制
2017-10-08 本文已影响0人
追风的云月
渲染机制：描述浏览器如何渲染页面
DTD
文档类型定义，是一系列语法规则，用来定义XML或者HTML的文件类型。浏览器会使用它来判断文档类型，决定使用何种协议来解析。
DOCTYPE
用来声明文档类型和DTD规范，一个重要的用途是文件的合法性验证。如果文件代码不合法，那么浏览器解析时便会出一些差错
常见的DOCTYPE
<!DOCTYPE html>
html4 有严格模式和宽松模式，严格模式不包括展示性和弃用的元素
浏览器的渲染过程
借用网上一张图
Reflow（重排）
DOM结构中每个元素都有自己的盒模型，这些都需要浏览器根据各种样式来计算并根据计算结果将元素放到它该出现的位置。
如果避免
Repaint（重绘）
当各种盒子的位置、大小以及其他属性，例如颜色、字体大小都确定下来，浏览器会把这些元素都按各自的特性绘制，页面的内容就呈现了。
如何避免最小程度的重绘，因为任何改变都会导致重绘
