O HTML dinámico non é realmente unha nova especificación de HTML, senón unha nova forma de ver e controlar os códigos e comandos HTML estándar.
Ao pensar no HTML dinámico, cómpre lembrar as calidades do HTML estándar, especialmente cando unha vez que se cargue unha páxina desde o servidor, non se cambiará ata que outra solicitude chegue ao servidor. O HTML dinámico dálle máis control sobre os elementos HTML e permítelles cambiar en calquera momento, sen volver ao servidor web.
Hai catro partes para DHTML:
- Modelo de obxecto de documento (DOM) (definición)
- Scripts
- Follas de estilo en cascada (CSS)
- XHTML
DOM
O DOM é o que permite acceder a calquera parte da súa páxina web para cambiala con DHTML. Cada parte dunha páxina web é especificada polo DOM e usando os seus convenientes convenios de nomenclatura pode acceder a eles e cambiar as súas propiedades.
Scripts
Os scripts escritos en JavaScript ou ActiveX son as dúas linguas de script máis comúns utilizadas para activar DHTML. Utiliza un linguaxe de script para controlar os obxectos especificados no DOM.
Follas de estilo en cascada
O CSS úsase en DHTML para controlar o aspecto da páxina web. As follas de estilo definen as cores e as fontes de texto, as cores de fondo e as imaxes e a colocación de obxectos na páxina. Usando script e DOM, pode cambiar o estilo de varios elementos.
XHTML
XHTML ou HTML 4.x úsase para crear a páxina en si e crear os elementos para o CSS e para que o DOM funcione. Non hai nada especial sobre XHTML para DHTML, pero ter un XHTML válido é aínda máis importante, xa que hai máis cousas que traballar do mesmo que o navegador.
Características de DHTML
Hai catro características principais de DHTML:
- Cambiar as etiquetas e as propiedades
- Posicionamento en tempo real
- Fontes dinámicas (Netscape Communicator)
- Enlace de datos (Internet Explorer)
Cambiar as etiquetas e as propiedades
Este é un dos usos máis comúns de DHTML. Permite cambiar as calidades dunha etiqueta HTML en función dun evento fóra do navegador (por exemplo, un clic do rato, hora ou data, etc.). Podes usar isto para cargar a información nunha páxina e non a mostrar a menos que o lector faga clic nunha ligazón específica.
Posicionamento en tempo real
Cando a maioría da xente pensa en DHTML é o que esperan. Obxectos, imaxes e texto movéndose pola páxina web. Isto permítelle xogar xogos interactivos cos seus lectores ou animar partes da súa pantalla.
Fontes dinámicas
Esta é unha función única de Netscape. Netscape desenvolveu isto para evitar o problema que os deseñadores tiveron ao non saber que fontes estarían no sistema dun lector. Con fontes dinámicas, as fontes están codificadas e descargadas coa páxina, de xeito que a páxina sempre se ve como desexaba o deseñador.
Enquisa de datos
Esta é unha característica única de IE. Microsoft desenvolveu isto para permitir un acceso máis sinxelo ás bases de datos dos sitios web . É moi semellante ao uso dun CGI para acceder a unha base de datos pero usa un control ActiveX para funcionar. Esta característica é moi avanzada e difícil de usar para o escritor DHTML de inicio.