HTML dinàmic no és realment una nova especificació d'HTML, sinó una nova manera d'observar i controlar els codis i comandaments HTML estàndard.
Quan es pensa en HTML dinàmic, cal recordar les qualitats de l'HTML estàndard, especialment si una vegada que es carrega una pàgina del servidor, no canviarà fins que una altra sol·licitud arribi al servidor. HTML dinàmic li dóna més control sobre els elements HTML i els permet canviar en qualsevol moment, sense tornar al servidor web.
Hi ha quatre parts per DHTML:
- Model d'objectes de document (DOM) (definició)
- Scripts
- Fulles d'estil en cascada (CSS)
- XHTML
DOM
El DOM és el que us permet accedir a qualsevol part de la vostra pàgina web per canviar-la amb DHTML. Totes les parts d'una pàgina web l'especifiquen el DOM i usen les seves convencions de nomenclatura coherents, podent accedir-hi i canviar-ne les propietats.
Scripts
Els scripts escrits en JavaScript o ActiveX són els dos llenguatges de script més habituals utilitzats per activar DHTML. S'utilitza un llenguatge de scripts per controlar els objectes especificats en el DOM.
Fulls d'estil en cascada
El CSS s'utilitza en DHTML per controlar l'aspecte de la pàgina web. Els fulls d'estil defineixen els colors i les fonts de text, els colors de fons i les imatges, i la col·locació d'objectes a la pàgina. Usant scripting i el DOM, podeu canviar l'estil de diversos elements.
XHTML
XHTML o HTML 4.x s'utilitza per crear la pròpia pàgina i crear els elements per al CSS i el DOM per treballar. No hi ha res especial sobre XHTML per a DHTML, però tenir XHTML vàlid és encara més important, ja que hi ha més coses que treballar des d'aquest que només el navegador.
Característiques de DHTML
Hi ha quatre funcions principals de DHTML:
- Canvi de les etiquetes i propietats
- Posicionament en temps real
- Fonts dinàmiques (Netscape Communicator)
- Enllaç de dades (Internet Explorer)
Canviar les etiquetes i les propietats
Aquest és un dels usos més comuns de DHTML. Permet canviar les qualitats d'una etiqueta HTML en funció d'un esdeveniment fora del navegador (com ara un clic del ratolí, una hora o una data, etc.). Podeu fer-ho per carregar la informació d'una pàgina i no mostrar-la tret que el lector faci clic en un enllaç concret.
Posicionament en temps real
Quan la majoria de la gent pensa en DHTML, això és el que esperen. Objectes, imatges i text que es mouen per la pàgina web. Això us permet jugar jocs interactius amb els vostres lectors o animar parts de la vostra pantalla.
Fonts dinàmiques
Aquesta és una funció només de Netscape. Netscape va desenvolupar això per evitar el problema que els dissenyadors tenien amb no saber quins tipus de lletra seria en el sistema del lector. Amb tipus de lletra dinàmics, els tipus de lletra es codifiquen i es baixen amb la pàgina, de manera que la pàgina sempre s'assembla a la intenció del dissenyador.
Enquadernació de dades
Aquesta és una funció única d'IE. Microsoft va desenvolupar això per permetre un accés més fàcil a les bases de dades dels llocs web . És molt similar a l' ús d'un CGI per accedir a una base de dades però utilitza un control ActiveX per funcionar. Aquesta característica és molt avançada i difícil d'utilitzar per a l'inici de l'escriptor DHTML.