Dynaaminen HTML ei ole oikeastaan uusi HTML-määritys, vaan pikemminkin erilainen tapa tarkastella ja hallita tavallisia HTML-koodeja ja -komentoja.
Kun ajattelet dynaamista HTML, sinun on muistettava tavallisen HTML: n ominaisuudet, varsinkin että kun sivu ladataan palvelimelta, se ei muutu ennen kuin uusi pyyntö tulee palvelimelle. Dynaaminen HTML antaa sinulle paremman hallinnan HTML-elementteihin ja antaa niiden muuttaa milloin tahansa palaamatta Web-palvelimeen.
DHTML: ssä on neljä osaa:
- Asiakirjan objektimalli (DOM) (määritelmä)
- Skriptit
- CSS-tyylilehdet (CSS)
- XHTML
DOM
DOM antaa sinun käyttää mitä tahansa verkkosivusi osaa vaihtaaksesi sen DHTML: llä. DOM määrittelee jokaisen verkkosivun osan, ja sen johdonmukaisia nimeämiskäytäntöjä käyttämällä voit käyttää niitä ja muuttaa niiden ominaisuuksia.
Skriptit
Joko JavaScriptillä tai ActiveX: llä kirjoitetut komentosarjat ovat kaksi yleisintä komentosarjakieliä, joita käytetään DHTML: n aktivointiin. Voit hallita DOM: ssa määritettyjä objekteja komentosarjakielellä.
CSS-tyylilehdet
CSS: ää käytetään DHTML: ssä verkkosivun ulkoasun hallintaan. Tyylitaulukot määrittelevät tekstin värit ja kirjasimet, taustavärit ja kuvat sekä esineiden sijoittelun sivulle. Komentosarjojen ja DOM: n avulla voit muuttaa eri elementtien tyyliä.
XHTML
XHTML- tai HTML 4.x -käyttöjärjestelmää käytetään itse sivun luomiseen ja CSS: n ja DOM työskennellä jonkin parissa. DHTML: n XHTML: ssä ei ole mitään erityistä - mutta kelvollinen XHTML on entistäkin tärkeämpää, koska siinä toimii enemmän asioita kuin vain selain.
DHTML: n ominaisuudet
DHTML: ssä on neljä pääominaisuutta:
- Tunnisteiden ja ominaisuuksien muuttaminen
- Reaaliaikainen paikannus
- Dynaamiset fontit (Netscape Communicator)
- Tietojen sitominen (Internet Explorer)
Tunnisteiden ja ominaisuuksien muuttaminen
Tämä on yksi DHTML: n yleisimmistä käyttötavoista. Sen avulla voit muuttaa HTML-tunniste riippuen selaimen ulkopuolisesta tapahtumasta (kuten hiiren napsautus, aika tai päivämäärä jne.). Voit käyttää tätä esiladata tietoja sivulle, etkä voi näyttää niitä, ellei lukija napsauta tiettyä linkkiä.
Reaaliaikainen paikannus
Kun useimmat ihmiset ajattelevat DHTML: tä, he odottavat sitä. Objektit, kuvat ja teksti liikkuvat verkkosivulla. Tämän avulla voit pelata interaktiivisia pelejä lukijoiden kanssa tai animoida näytön osia.
Dynaamiset fontit
Tämä on vain Netscape-ominaisuus. Netscape kehitti tämän kiertääkseen suunnittelijoiden ongelman tietämättä, mitkä fontit olisivat lukijan järjestelmässä. Dynaamisilla kirjasimilla kirjasimet koodataan ja ladataan sivun mukana, jotta sivu näyttää aina suunnittelijan suunnittelemalta tavalla. Voit myös käyttää web-turvalliset fontit.
Tietojen sitominen
Tämä on vain IE-ominaisuus. Microsoft kehitti tämän helpottamaan pääsyä tietokannat verkkosivustoilta. Se on hyvin samanlainen kuin käyttö CGI päästäksesi tietokantaan, mutta käyttää ActiveX-komponenttia. Tämä ominaisuus on hyvin edistynyt ja sitä on vaikea käyttää aloittavan DHTML-kirjoittajan kanssa.