A dinamikus HTML valójában nem egy új HTML-specifikáció, sokkal inkább a szokásos HTML-kódok és -parancsok megtekintésének és ellenőrzésének más módja.
Ha dinamikusan gondolkodunk HTML, emlékeznie kell a szabványos HTML tulajdonságaira, különösen arra, hogy ha egy oldalt betölt a szerverről, az nem változik, amíg újabb kérés nem érkezik a szerverre. A dinamikus HTML segítségével jobban kontrollálhatja a HTML-elemeket, és bármikor megváltoztathatja őket a webkiszolgálóhoz való visszatérés nélkül.
A DHTML négy részből áll:
- Dokumentum objektum modell (DOM) (meghatározás)
- Szkriptek
- Lépcsőzetes stíluslapok (CSS)
- XHTML
DOM
A DOM az, amely lehetővé teszi a weboldal bármely részének elérését, hogy DHTML-sel megváltoztassa azt. A weblap minden részét a DOM határozza meg, és annak következetes elnevezési gyakorlatával hozzáférhet hozzájuk és megváltoztathatja azok tulajdonságait.
Szkriptek
A JavaScript vagy az ActiveX segítségével írt szkriptek a két leggyakoribb szkriptnyelv a DHTML aktiválásához. Parancsfájlnyelvet használ a DOM-ban megadott objektumok vezérléséhez.
Lépcsőzetes stíluslapok
A CSS-t a DHTML-ben használják a weboldal megjelenésének és hangulatának szabályozására. A stíluslapok meghatározzák a szöveg színeit és betűtípusait, a háttérszíneket és a képeket, valamint az objektumok elhelyezését az oldalon. A szkriptek és a DOM használatával megváltoztathatja a különféle elemek stílusát.
XHTML
Az XHTML vagy a HTML 4.x az oldal létrehozására, valamint a CSS és a DOM dolgozni rajta. A DHTML XHTML-jében nincs semmi különös - de az érvényes XHTML megléte még fontosabb, mivel több dolog is működik belőle, nem csak a böngésző.
A DHTML jellemzői
A DHTML-nek négy fő jellemzője van:
- A címkék és tulajdonságok módosítása
- Valós idejű pozícionálás
- Dinamikus betűtípusok (Netscape Communicator)
- Adatkötés (Internet Explorer)
A címkék és tulajdonságok módosítása
Ez a DHTML egyik leggyakoribb felhasználása. Lehetővé teszi az an tulajdonságainak megváltoztatását HTML címke a böngészőn kívüli eseménytől függően (például egérkattintás, idő vagy dátum stb.). Ezt felhasználhatja információk előzetes betöltésére egy oldalra, és csak akkor jelenítheti meg őket, ha az olvasó rákattint egy adott linkre.
Valós idejű pozicionálás
Amikor a legtöbb ember a DHTML-re gondol, akkor erre számítanak. A weblapon mozgó objektumok, képek és szövegek. Ez lehetővé teszi, hogy interaktív játékokat játsszon le olvasóival, vagy animálja a képernyő egyes részeit.
Dinamikus betűtípusok
Ez csak a Netscape szolgáltatás. A Netscape ezt azért fejlesztette ki, hogy megkerülje a tervezők problémáját azzal, hogy nem tudják, milyen betűkészletek lesznek az olvasói rendszerben. Dinamikus betűtípusok esetén a betűtípusokat az oldal kódolja és tölti le, így az oldal mindig úgy néz ki, ahogy a tervező tervezte. Használhatja is web-biztonságos betűtípusok.
Kötelező adatok
Ez csak az IE szolgáltatás. A Microsoft ezt azért fejlesztette ki, hogy könnyebben hozzáférhessen weboldalakról származó adatbázisok. Nagyon hasonlít a használatra CGI az adatbázis eléréséhez, de a működéshez ActiveX-vezérlőt használ. Ez a szolgáltatás nagyon fejlett és nehezen használható a kezdő DHTML-írók számára.