Dynaaminen HTML ei todellakaan ole uusi HTML-määrittely, vaan uusi tapa tarkastella ja hallita tavallisia HTML-koodeja ja -komentoja.
Kun ajatellaan dynaamista HTML: ää , sinun on muistettava standardin HTML-ominaisuudet, varsinkin kun kerran sivulta ladataan palvelin, se muuttuu vasta, kun toinen pyyntö tulee palvelimelle. Dynaaminen HTML antaa sinulle paremman mahdollisuuden hallita HTML-elementtejä ja antaa heille mahdollisuuden muuttaa milloin tahansa ilman paluuta Web-palvelimeen.
DHTML on neljä osaa:
- Asiakirjaobjektimalli (DOM) (määritelmä)
- skriptejä
- CSS-tyylitiedostot (CSS)
- XHTML
DOM
DOM mahdollistaa sen, että voit käyttää mitä tahansa Web-sivusi osaa DHTML-muotoon muuttamalla. DOM määrittelee jokaisen Web-sivun osan ja käyttää sen yhdenmukaisia nimeämiskäytäntöjä, joihin voit käyttää niitä ja muuttaa niiden ominaisuuksia.
skriptejä
Scripts kirjoitettu joko JavaScript tai ActiveX ovat kaksi yleisintä skriptikieliä käytetään aktivoimaan DHTML. Käytät komentosarjakieltä, jonka avulla hallitaan DOM: ssä määritettyjä objekteja.
Cascading Style Sheets
DHSS: ssä käytetään CSS: ää Web-sivun ulkoasun hallitsemiseen. Tyyliarkit määrittelevät tekstin värit ja fontit, taustavärit ja kuvat sekä objektin sijoittamisen sivulle. Käyttämällä komentosarjoja ja DOM-ohjelmaa voit muuttaa eri elementtien tyyliä.
XHTML
XHTML tai HTML 4.x käytetään luomaan itse sivun ja rakentamaan CSS: n ja DOM: n elementit työskentelemään. XHTML: stä DHTML: lle ei ole mitään erityistä - mutta voimassaoleva XHTML on entistäkin tärkeämpi, koska siitä on vain muutama asia kuin selain.
DHTML-ominaisuudet
DHTML: ssä on neljä ensisijaista ominaisuutta:
- Tunnisteiden ja ominaisuuksien muuttaminen
- Reaaliaikainen paikannus
- Dynaamiset kirjasimet (Netscape Communicator)
- Tietojen sitominen (Internet Explorer)
Tunnisteiden ja ominaisuuksien muuttaminen
Tämä on DHTML: n yleisimpiä käyttötapoja. Sen avulla voit muuttaa HTML-tagin ominaisuuksia riippuen selaimen ulkopuolisesta tapahtumasta (kuten hiiren napsautuksesta, ajasta tai päivästä jne.). Tämän avulla voit ladata tietoja sivulle ja näyttää sen vain, jos lukija napsauttaa tiettyä linkkiä.
Reaaliaikainen paikannus
Kun useimmat ihmiset ajattelevat DHTML: stä, he odottavat sitä. Web-sivun ympärillä olevat objektit, kuvat ja teksti. Näin voit pelata interaktiivisia pelejä lukijoillesi tai animoida näytön osia.
Dynaamiset fontit
Tämä on Netscape-ominaisuus. Netscape kehitti tämän ongelmanratkaisijoiden ympärille, kun ei tiennyt, mitä fontteja olisi lukijan järjestelmässä. Dynaamisilla kirjasimilla fontit koodataan ja latautuvat sivulle niin, että sivu näyttää aina, miten suunnittelija aikoo.
Tietojen sitominen
Tämä on vain IE-ominaisuus. Microsoft kehitti tämän, jonka avulla verkkosivustojen tietokantoihin päästään helpommin. Se on hyvin samanlainen kuin käyttää CGI : tä tietokantaa varten, mutta käyttää ActiveX-ohjausta toimimaan. Tämä ominaisuus on erittäin kehittynyt ja vaikea käyttää DHTML-kirjoittajan alkuun.