html文档如何解析?详解解析过程

2020-07-18 20:09:46
本篇文章给大家带来的内容是关于html文档如何解析?详解解析过程,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

下载.png

大致过程:

解析html文件 -> 构建dom树 -> 构建render树 -> 布局render树 -> 绘制render树

1.dom树的生成;

2.解析css构建cssom树(CSS对象模型);

3.根据dom树和cssom树来构建render树(渲染树);

4.根据渲染树来布局,以计算每个节点的几何信息(位置、大小等)。

5.将各个节点绘制到屏幕上。