Layout

Layout

Es el proceso que determina la posición y el tamaño de cada elemento en una página web. Este le permite al navegador dibujar los elementos en pantalla de forma correcta.
.
El layout utiliza la información del Rendering Tree para determinar el diseño siguiendo estos pasos:
.

• El navegador asigna tamaño a cada elemento en el Rendering Tree.
• El navegador determina la posición de los elementos con relación a sus elementos padre y hermanos.
• Se aplican reglas de posicionamiento y escalado para determinar la posición final en pantalla.
  .

Este proceso puede causar un gran impacto en el rendimiento de una página, especialmente en dispositivos móviles.

Clase 30 - Layout

Repaso de la clase

¿Qué hace el navegador en el paso de Layout?

• En este paso el navegador hace un mapeo para determinar la posición y tamaños de cada elemento del sitio web, teniendo en cuenta el rol de padre e hijo que puedan tener dichos elementos. Esto le permite al navegador mostrar de manera correcta los elementos en pantalla.

¿Qué forma toman los elementos HTML cuando el navegador hace el layout?

• De cajas.

donde esta javascript en el DOM?

Que interesante es la estructura de Layout la cual nos permite determinar la pocision y tamaño de nuestro sitio web. Tambien le permite al sistema visualizar ese contenido.