Render Tree

Clase 29 - Render Tree

Repaso de la clase

¿Qué es y qué hace el Render Tree?

• Es el tercer paso que realiza un navegador para mostrar un sitio web en pantalla. En este paso el navegador toma el árbol de nodos DOM y el de CSSOM, luego los junta para tener otro árbol de nodos que le permite saber al navegador que estilos CSS van asignados a los elementos HTML, además de entender la jerarquía de estilos CSS.

¿Para qué sirve la jerarquía de CSS?

• Esto lo usa el navegador para pasar estilos que tengan elementos HTML padres a elementos HTML hijos.

Pa los curiosos como yo que queran checar el codigo fuente del motor de chome y la documentacion del mismo aqui esta una explicacion corta:
https://chromium.googlesource.com/chromium/src/+/refs/heads/main/third_party/blink/renderer/
Explicacion larga:
https://docs.google.com/document/d/1aitSOucL0VHZa9Z2vbRJSyAIsAz24kX8LFByQ5xQnUg/edit?pli=1

Es interesante saber que render tree es la combinacion de DOM y CSSOM el cual nos permite crear una estructura especifica de FrontEnd.