No tienes acceso a esta clase

¬°Contin√ļa aprendiendo! √önete y comienza a potenciar tu carrera

Recursos

Aportes 5

Preguntas 0

Ordenar por:

¬ŅQuieres ver m√°s aportes, preguntas y respuestas de la comunidad?

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.