La Enciclopedia Libre Universal en Español dispone de una lista de distribución pública, enciclo@listas.us.es
DHTML
Artículo de la Enciclopedia Libre Universal en Español.
HTML dinámico o DHTML es un metodo de crear sitios web interactivos, con una combinación de lenguaje estático (como el HTML), un lenguaje script (como lo es JavaScript), un lenguaje que defina el estilo de la página (como las Cascading Style Sheets o [CSS]), y el DOM. Algunas desventajas de DHTML son que es díficil de desarrollar y de depurar debido a los varios grados de soporte que le dan los navegadores a las tecnologías ya nombradas. Por ejemplo, una página se puede interactuar completamente con Internet Explorer, pero no funcionará igual con el navegador Opera.
El término "página web dinámica" se puede referir a cualquier página que es generada de diferente forma para cada usuario. Por esto, una página con "contenido dinámico" no debe ser confundida con DHTML. Páginas web con este tipo de diferencias, aunque siguen siendo páginas dinámicas, son resultados de programas usados en el servidor, como el PHP y el Perl, las cuales generan contenido único antes de enviar la página al visitante; o como resultado de algún script del visitante (como Javascript) que corre inmediatamente después de que carga la página, antes de que el contenido de la página estática pueda ser visualmente generado. DHTML, como se indica arriba, es un término especificamente reservado para aquellas páginas que usan un script que tiene el visitante (como Ajax) para realizar cambios en variables de la presentación (gracias a CSS), el cual en momentos que este cargando, se podrá ver momentaneamente la página estática real.
[escribe] Estructura de una página web
Tipicamente, una página web que usa DHTML es establecida de la siguiente manera
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>DHTML, de la Enciclopedia Libre</title>
<script type="text/javascript">
function init() {
myObj = document.getElementById("navigation");
// .... más código
}
window.onload=init;
</script>
</head>
<body>
<div id="navigation"></div>
</body>
</html>
El JavaScript es guardado en un archivo separado, esto es hecho para enlazar el archivo que contiene el JavaScript. Esto es de ayuda cuando una página usa el mismo script múltiples veces:
<script type="text/javascript" src="myjavascript.js"></script>
Este artículo ha sido traducido desde: Wikipedia en inglés. Licencia GFDL
