Motor de renderizado para niños
Un motor de renderizado (también conocido como motor de diseño o motor de navegador) es una parte muy importante de los programas que usamos para navegar por internet, como los navegadores web. Su trabajo principal es tomar la información de una página web (como el texto, las imágenes y los estilos) y convertirla en lo que ves en tu pantalla. Es como el "cerebro" que dibuja la página para ti.
Este motor es un programa que toma el contenido de la web, como los documentos HTML (que organizan el texto y las imágenes) y las hojas de estilo CSS (que le dicen cómo se ve todo, los colores, las fuentes, etc.). Luego, muestra todo ese contenido ya organizado y con el formato correcto en la pantalla de tu computadora o en una impresora. Los motores de renderizado se usan mucho en los navegadores web, en los programas de correo electrónico y en otras aplicaciones que necesitan mostrar o editar contenido de internet.
Todos los navegadores web tienen un motor de renderizado. El término se hizo popular cuando el proyecto Mozilla creó el motor de su navegador (llamado Gecko) de una forma que podía ser usado por otros navegadores. Así, Gecko se convirtió en un "motor de renderizado" por sí mismo, no solo una parte de un navegador.
Contenido
¿Qué es un Motor de Renderizado?
Un motor de navegador no es un programa que funciona solo, sino una parte esencial de un programa más grande, como un navegador web. La palabra "motor" se usa como una comparación con el motor de un coche, que es lo que le da la energía para funcionar.
Además de "motor de navegador", también se usan los términos "motor de diseño" y "motor de representación". En teoría, el diseño (cómo se organiza la página) y la representación (cómo se "dibuja" en la pantalla) podrían ser tareas separadas. Pero en la práctica, están muy unidas y casi siempre se consideran como una sola cosa.
Además de organizar y dibujar la página, un motor de navegador también se encarga de la seguridad entre diferentes documentos web. También maneja cómo navegas a través de los enlaces y cómo se envían los datos que pones en los formularios. Además, crea la estructura de datos del Modelo de Objetos del Documento (DOM), que es lo que permite que los programas pequeños (scripts) de la página interactúen con ella.
Sin embargo, la ejecución del código JavaScript (JS) es una tarea diferente. Cada navegador web importante usa un motor especial solo para JavaScript. Aunque JavaScript se creó para los navegadores, ahora se usa en muchos otros lugares. Por eso, los motores de JavaScript funcionan de forma separada de los motores de navegador. En un navegador web, ambos motores trabajan juntos usando la estructura DOM compartida.
Los motores de navegador no solo se usan en los navegadores web. Los programas de correo electrónico los necesitan para mostrar los correos que tienen formato HTML. Por ejemplo, el sistema Electron, que usa los dos motores del navegador Google Chrome, se ha utilizado para crear muchas aplicaciones diferentes.
La Presentación y el Diseño de Páginas
El diseño de una página web se define normalmente con las hojas de estilo en cascada (CSS). Cada hoja de estilo tiene una serie de reglas que el motor del navegador interpreta. Por ejemplo, algunas reglas dicen cómo debe ser la letra, su color o su tamaño. El motor combina todas las reglas CSS para calcular las posiciones exactas de cada elemento y así poder dibujarlos en la pantalla.
Algunos motores pueden empezar a dibujar la página antes de que se descarguen todos los elementos. Esto puede hacer que la página cambie un poco mientras se carga, por ejemplo, las imágenes pueden aparecer poco a poco o el texto puede verse sin estilo por un momento.
Motores de Renderizado Famosos
Algunos de los motores de renderizado más conocidos son:
- Gecko: Usado en Mozilla Suite y otros navegadores como Galeon.
- Trident: El motor de Internet Explorer para Windows.
- KHTML/WebCore: El motor de Konqueror. Fue el antecesor de WebKit.
- Presto: El antiguo motor del navegador Opera.
- Tasman: El motor de Internet Explorer para Mac.
- gzilla: El motor de Dillo.
- GtkHTML: El motor de Links.
- WebKit: El motor de Epiphany, Safari y Microsoft Edge (para Mac).
- EdgeHTML: El motor de Microsoft Edge (hasta el año 2020).
- Blink: El nuevo motor de Google Chrome, Microsoft Edge (desde 2020), Opera, Brave y Maxthon. Es una versión modificada de WebKit.
- Servo: Un nuevo motor en desarrollo por Mozilla (con ayuda de Samsung), diseñado para funcionar muy bien en dispositivos móviles y con la arquitectura ARM.
Galería de imágenes
-
Navegador web
Véase también
En inglés: Browser engine Facts for Kids
