Skip to main content

¿Qué es el HTML dinámico?

El HTML dinámico, más comúnmente conocido como scripting DOM o DHTML, es un conjunto de herramientas que se pueden usar para crear elementos interactivos en un sitio web. Normalmente, el HTML dinámico combina HTML estándar, que es el lenguaje de marcado de la web, con un lenguaje de secuencias de comandos. Esto permite que el diseñador del sitio web incluya elementos variables en una página web que el usuario puede cambiar después de que la página se haya cargado. Un ejemplo de HTML dinámico es un menú que se despliega cuando el usuario se desplaza sobre él. Los juegos DHTML también se están volviendo más populares.

Los sitios web creados a partir de HTML estático no pueden ser cambiados o editados por el usuario una vez cargados. Para sitios web básicos esto no es un problema, pero la falta de interactividad es un problema para muchos sitios web y aplicaciones. Dynamic HTML combina HTML normal con JavaScript, un lenguaje de script simple, para proporcionar una libertad mucho mayor al diseñador web a través de elementos interactivos.

El HTML estándar no tiene "variables" que se pueden cambiar, pero el HTML dinámico sí. Una vez que se ha cargado un sitio web con DHTML, el lenguaje de secuencias de comandos se puede utilizar para cambiar ciertos elementos de la página. Sin embargo, no puede crear páginas con contenido generado dinámicamente. Para esto, el diseñador web debe usar lenguajes de script del lado del servidor como PHP y Perl.

Originalmente, el HTML dinámico se conocía como DHTML. Debido a los problemas iniciales para que la tecnología funcione en todos los navegadores de Internet, esta etiqueta ha pasado de moda. En cambio, la tecnología ahora se conoce generalmente como scripting DOM que significa scripting de Document Object Model. Esto proporciona un conjunto de convenciones que funcionan en todos los navegadores y hace que el desarrollo de páginas web animadas dinámicamente sea mucho más fácil.

Hay varios ejemplos comunes de HTML dinámico en acción. Además de los menús desplegables, los formularios que pueden devolver información sin necesidad de enviarlos a un servidor y actualizar automáticamente el contenido son otros dos ejemplos. Sería muy difícil o imposible lograrlo utilizando HTML estándar y un lenguaje de script del lado del servidor. Ocultar el contenido de un usuario hasta que se haya llevado a cabo una acción específica es otro uso común de la tecnología.

El desarrollo de juegos HTML dinámicos se está volviendo menos difícil ahora que los problemas entre navegadores están empezando a ser menos comunes. Los juegos de secuencias de comandos DOM todavía son relativamente raros, pero la tecnología funciona bien para juegos pequeños basados ​​en navegador. Una ventaja de los juegos DHTML es que también se pueden ejecutar sistemas operativos populares como widgets.