render tree

渲染树（Render Tree）是浏览器在解析HTML文档后生成的一个内部数据结构。它由DOM树和CSSOM树合并而成，用于描述页面上所有可见的DOM元素及其样式信息。

渲染树与DOM树相似，但并不是一一对应的关系。渲染树中只包含需要显示在页面上的元素节点，而不包含诸如头部、脚本等非可见内容。此外，渲染树还会将CSS样式应用到DOM元素上，以确定每个元素最终的渲染结果。

渲染树的构建过程是通过遍历DOM树和CSSOM树，并将满足一定条件的节点添加到渲染树中。对于那些在渲染树中不可见的节点，比如display属性为none的元素，它们将被忽略。

最终，渲染树中的每个节点都与其对应的屏幕上的一个矩形区域相关联。这些矩形区域称为布局盒（Layout Box），它们将用于计算页面的布局和渲染。

总的来说，渲染树是浏览器用于渲染页面的一个重要数据结构，它结合了DOM树和CSS样式信息，用于确定页面上可见元素的布局和样式。