Dünaamiline HTML pole tegelikult uus HTML-i spetsifikatsioon, vaid hoopis teistsugune viis standardsete HTML-koodide ja -käsude vaatamiseks ja juhtimiseks.
Kui mõelda dünaamilisele HTML, peate meeles pidama tavalise HTML-i omadusi, eriti seda, et kui leht on serverist laaditud, ei muutu see enne, kui serverile tuleb veel üks taotlus. Dünaamiline HTML annab teile suurema kontrolli HTML-elementide üle ja võimaldab neid igal ajal muuta, ilma veebiserverisse naasmata.
DHTML koosneb neljast osast:
- Dokumendi objekti mudel (DOM) (määratlus)
- Skriptid
- Kaskaadiga stiililehed (CSS)
- XHTML
DOM
DOM on see, mis võimaldab teil juurdepääsu oma veebisaidi mis tahes osale, et seda DHTML-iga muuta. Veebilehe iga osa on määratud DOM-i poolt ja selle järjekindlate nimetamiskonventsioonide abil saate neile juurde pääseda ja nende omadusi muuta.
Skriptid
Kas JavaScripti või ActiveX-iga kirjutatud skriptid on kaks kõige tavalisemat skriptikeelt, mida DHTML-i aktiveerimiseks kasutatakse. DOM-is määratud objektide juhtimiseks kasutate skriptikeelt.
Kaskaadiga stiililehed
CSS-i kasutatakse DHTML-is veebisaidi ilme ja olemuse juhtimiseks. Stiililehed määratlevad teksti värvid ja fondid, taustavärvid ja pildid ning objektide paigutuse lehel. Skripte ja DOM-i kasutades saate muuta erinevate elementide stiili.
XHTML
XHTML-i või HTML 4.x-i kasutatakse lehe enda loomiseks ning CSS-i ja DOM edasi töötama. DHTML-i jaoks mõeldud XHTML-is pole midagi erilist - kuid kehtiva XHTML-i omamine on veelgi olulisem, kuna seal töötab rohkem asju kui ainult brauser.
DHTML-i omadused
DHTML-il on neli peamist omadust:
- Siltide ja omaduste muutmine
- Reaalajas positsioneerimine
- Dünaamilised fondid (Netscape Communicator)
- Andmete sidumine (Internet Explorer)
Siltide ja omaduste muutmine
See on DHTML-i üks levinumaid kasutusviise. See võimaldab teil muuta HTML-märgend olenevalt brauserivälisest sündmusest (näiteks hiireklõps, kellaaeg või kuupäev jne). Seda saate kasutada teabe lehele eellaadimiseks ja seda mitte kuvada, kui lugeja ei klõpsake konkreetsel lingil.
Reaalajas positsioneerimine
Kui enamik inimesi mõtleb DHTML-i, siis see on see, mida nad ootavad. Veebilehel liikuvad objektid, pildid ja tekst. See võimaldab teil mängida interaktiivseid mänge oma lugejatega või animeerida ekraani osi.
Dünaamilised fondid
See on ainult Netscape'i funktsioon. Netscape arendas selle välja, et lahendada probleem, mis disaineritel tekkis teadmata, millised fondid lugeja süsteemis on. Dünaamiliste fontide korral kodeeritakse ja laaditakse fondid koos lehega alla, nii et leht näeb alati välja selline, nagu disainer kavatseb. Võite ka kasutada veebis turvalised fondid.
Andmete sidumine
See on ainult IE funktsioon. Microsoft töötas selle välja, et hõlbustada juurdepääsu sellele andmebaasid veebisaitidelt. See on väga sarnane kasutamisele CGI andmebaasile juurdepääsuks, kuid kasutab toimimiseks ActiveX-juhtelementi. See funktsioon on väga arenenud ja seda on raske kasutada algava DHTML-kirjutaja jaoks.