当前位置: 首页 > Web前端 > CSS

渲染树(Render Tree) 是什么

时间:2023-03-31 11:24:15 CSS

什么是渲染树?p等结构标签节点可以称为可视化节点,而script、meta等无法在页面上显示的节点则称为非可视化节点;什么是渲染树(rendertree)?浏览器如何呈现UI?浏览器获取HTML文件,然后解析该文件,形成DOM树。同时进行CSS解析生成StyleRules,然后将DOMTree和StyleRules合成为RenderTree元素用于页面布局,然后根据可视化绘制rendertree组合诞生的树节点和CSS样式表;注意:带有PS:display:none的元素会出现在DOM树中,但不会出现在渲染树中;