渲染器
所有的HTML节点转换完成以后,就是DOM树构建完毕,即domReady.
浏览器如何将HTML标签解析成DOM树?
答:浏览器是通过渲染引擎实现的。
渲染引擎的职责就是把请求的内容显示到屏幕上,默认情况下能显示Html xml 及图片。通过扩展即插件可以显示pdf等。
渲染引擎的渲染流程
- 首先通过网络获得请求的内容,通常以8k分块方式完成
- 然后解析HTML构建DOM树(构建DOM节点)
- 构建渲染树(解析样式信息,比如css样式)
- 布局渲染树(布局DOM节点,实现布局操作)
- 绘制渲染树(绘制DOM节点)
以上就是html的基本结构渲染
但这里并不包含解析外部资源的加载,比如图片,脚本等,即便绘制DOM节点已经完成,而外部资源可以还在加载,或未加载