Diferencia entre revisiones de «HTML dinámico»
Contenido eliminado Contenido añadido
m Desambiguando enlaces a CSS (enlace cambiado a Hojas de estilo en cascada) con DisamAssist. |
Añadir contenido de Wikipedia |
||
Línea 1:
El '''HTML Dinámico''' o '''DHTML''' (del inglés ''Dynamic HTML'') designa el conjunto de técnicas que permiten crear [[Sitio Web|sitios web]] interactivos utilizando una combinación de algún lenguaje de marcado estático (como [[
Una página de HTML
En contraste, el término más general "página web dinámica" lo usamos para referirnos a alguna página específica que es generada de manera diferente para cada usuario, en cada recarga de la página o por valores específicos de variables de entorno. Este término no debe ser confundido con DHTML. Estas páginas dinámicas son el resultado de la ejecución de un programa en algún tipo de lenguaje de programación en el servidor de la página web (como por ejemplo [[ASP.NET]], [[PHP]] o [[Perl]]), el cual genera la página antes de enviarla al cliente; o bien de la ejecución en la parte cliente de un código que crea la página completa antes de que el programa cliente (usualmente, un [[Navegador web|navegador]]) la visualice.
Línea 7:
En una página DHTML, una vez ésta ha sido cargada completamente por el cliente, se ejecuta un código (como por ejemplo en lenguaje [[JavaScript]]) que tiene efectos en los valores del lenguaje de definición de la presentación (por ejemplo [[Hojas de estilo en cascada|CSS]]), logrando así una modificación en la información presentada o el aspecto visual de la página mientras el usuario la está viendo.
==
DHTML permite a los desarrolladores añadir a las páginas efectos que de otra manera serían dificiles de alcanzar. En resumen: los lenguajes de scripting sirven para cambiar la estructura DOM y Algunos de los usos de DHTML son:los estilos.
* Animar texto e imágenes en el documento, independientemente de la posicion o la forma del elemento (''block'' o ''inline'').
* Embeber una sección que automáticamente actualize su contenido con las últimas noticias, la frase del día, o algún otro dato, con, por ejemplo, con [[AJAX|Ajax]].
* Usar un formulario que obtenga datos del usuario, procesarlo, verificarlo, y dar una respuesta sin necesidad de hacer otra llamada al servidor.
* Añadir botones con acciones personalizadas.
== Estructura de una página web ==
Normalmente, una página web válida usando DHTML tiene una estructura similar a la siguiente:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Ejemplo DHTML</title>
</head>
<body>
<nowiki><div id="seccion"></div></nowiki>
<script type="text/javascript">
var init = function () {
miObjeto = document.getElementById("seccion");
// ... manipulate miObjeto
};
window.onload = init;
</script>
<script src="mijavascript.js"></script>
</body>
</html>
== Compatibilidad con navegadores ==
El soporte para DHTML con acceso al DOM fue introducido en Internet Explorer 4.0. Aunque abía otra implementación más básica en Netscape Navigator 4.0, no todos los elementos HTML eran representados en el DOM.
Existen navegadores que no pueden ejecutar scripts como JavaScript o [[VBScript]], por ello, el estándar HTML define la etiqueta <code><noscript></code>, el cual puede ser usado para poner información que se mostrará en los navegadores que no soporten scripts, o que tenga desabilitada la ejecución de éstos.
== Véase también ==
| |||