Dynamické HTML nie je v skutočnosti novou špecifikáciou HTML, ale skôr odlišným spôsobom pohľadu a kontroly na štandardné kódy a príkazy HTML.
Pri uvažovaní o dynamike HTML, musíte si pamätať vlastnosti štandardného HTML, najmä to, že keď sa stránka načíta zo servera, nezmení sa to, kým na server nepríde iná požiadavka. Dynamické HTML vám dáva väčšiu kontrolu nad prvkami HTML a umožňuje im ich kedykoľvek meniť bez nutnosti návratu na webový server.
DHTML obsahuje štyri časti:
- Objektový model dokumentu (DOM) (definícia)
- Skripty
- Kaskádové štýly (CSS)
- XHTML
DOM
DOM je to, čo vám umožňuje prístup do ktorejkoľvek časti vašej webovej stránky a jej zmenu pomocou DHTML. Každá časť webovej stránky je špecifikovaná doménou DOM a pomocou jej konzistentných konvencií pomenovania k nim máte prístup a zmeny ich vlastností.
Skripty
Skripty napísané buď v JavaScripte, alebo ActiveX sú dva najbežnejšie skriptovacie jazyky používané na aktiváciu DHTML. Na kontrolu objektov uvedených v DOM používate skriptovací jazyk.
Kaskádové štýly
CSS sa používa v DHTML na riadenie vzhľadu a štýlu webovej stránky. Šablóny štýlov definujú farby a písma textu, farby pozadia a obrázkov a umiestnenie objektov na stránke. Pomocou skriptovania a DOM môžete zmeniť štýl rôznych prvkov.
XHTML
XHTML alebo HTML 4.x sa používa na vytvorenie samotnej stránky a vytvorenie prvkov pre CSS a DOM pracovať. XHTML pre DHTML nie je nič zvláštne - mať však platné XHTML je ešte dôležitejšie, pretože z neho funguje viac vecí ako iba prehliadač.
Vlastnosti DHTML
Existujú štyri hlavné funkcie protokolu DHTML:
- Zmena značiek a vlastností
- Pozícia v reálnom čase
- Dynamické písma (Netscape Communicator)
- Väzba údajov (Internet Explorer)
Zmena značiek a vlastností
Toto je jedno z najbežnejších použití DHTML. Umožňuje vám meniť vlastnosti súboru Značka HTML v závislosti na udalosti mimo prehliadača (napríklad kliknutie myšou, čas alebo dátum atď.). Môžete to použiť na predbežné načítanie informácií na stránku a ich zobrazenie, pokiaľ čitateľ neklikne na konkrétny odkaz.
Pozícia v reálnom čase
Keď si väčšina ľudí myslí o DHTML, očakáva to. Objekty, obrázky a text pohybujúci sa po webovej stránke. To vám umožní hrať interaktívne hry so svojimi čitateľmi alebo animovať časti obrazovky.
Dynamické písma
Toto je funkcia iba pre Netscape. Netscape to vyvinul, aby sa vyhli problémom, ktoré mali dizajnéri s tým, že nevedeli, aké písma budú v systéme čitateľa. Pri dynamických písmach sú písma kódované a stiahnuté spolu so stránkou, takže stránka vždy vyzerá tak, ako to zamýšľal dizajnér. Môžete tiež použiť písma bezpečné pre web.
Väzba údajov
Toto je funkcia iba pre IE. Spoločnosť Microsoft toto vyvinula, aby umožnila ľahší prístup k službe databázy z webových stránok. Je to veľmi podobné ako pri použití CGI na prístup do databázy, ale na fungovanie používa ovládací prvok ActiveX. Táto funkcia je veľmi pokročilá a ťažko použiteľná pre začínajúceho spisovateľa DHTML.