Dinamični HTML v resnici ni nova specifikacija HTML-ja, temveč drugačen način gledanja in nadzora standardnih HTML-kod in ukazov.
Ko razmišljamo o dinamiki HTML, morate si zapomniti lastnosti standardnega HTML-ja, še posebej, da ko se stran naloži s strežnika, se ta ne bo spremenil, dokler na strežnik ne pride druga zahteva. Dinamični HTML vam omogoča večji nadzor nad elementi HTML in jim omogoča, da se kadar koli spremenijo, ne da bi se vrnili na spletni strežnik.
Obstajajo štirje deli DHTML:
- Objektni model dokumenta (DOM) (definicija)
- Skripte
- Cascading Style Sheets (CSS)
- XHTML
DOM
DOM je tisto, kar vam omogoča dostop do katerega koli dela vaše spletne strani, da jo spremenite z DHTML. Vsak del spletne strani določi DOM in z doslednimi pravili poimenovanja lahko dostopate do njih in spreminjate njihove lastnosti.
Skripte
Skripti, napisani v JavaScript ali ActiveX, sta najpogostejša skriptna jezika, ki se uporabljata za aktiviranje DHTML. Za nadzor predmetov, določenih v DOM-u, uporabljate skriptni jezik.
Cascading Style Sheets
CSS se v DHTML uporablja za nadzor videza in videza spletne strani. Stilni listi določajo barve in pisave besedila, barve ozadja in slike ter umestitev predmetov na stran. Z uporabo skriptov in DOM-a lahko spremenite slog različnih elementov.
XHTML
XHTML ali HTML 4.x se uporablja za ustvarjanje same strani in gradnjo elementov za CSS in DOM delati naprej. XHTML za DHTML ni nič posebnega - vendar je veljaven XHTML še pomembnejši, saj iz njega deluje več stvari kot le brskalnik.
Značilnosti DHTML
Obstajajo štiri glavne značilnosti DHTML:
- Spreminjanje oznak in lastnosti
- Pozicioniranje v realnem času
- Dinamične pisave (Netscape Communicator)
- Vezava podatkov (Internet Explorer)
Spreminjanje oznak in lastnosti
To je ena najpogostejših načinov uporabe DHTML. Omogoča vam spreminjanje lastnosti Oznaka HTML odvisno od dogodka zunaj brskalnika (na primer klik miške, čas ali datum itd.). To lahko uporabite za predhodno nalaganje informacij na stran in jih ne prikažete, razen če bralec klikne določeno povezavo.
Pozicioniranje v realnem času
Ko večina ljudi pomisli na DHTML, to pričakujejo. Predmeti, slike in besedilo, ki se premikajo po spletni strani. Tako lahko z bralci igrate interaktivne igre ali animirate dele zaslona.
Dinamične pisave
To je samo Netscape funkcija. Netscape je to razvil, da bi se izognil težavam, ki so jih imeli oblikovalci, ker niso vedeli, katere pisave bodo v bralniškem sistemu. Pri dinamičnih pisavah se pisave kodirajo in prenesejo skupaj s stranjo, tako da je stran vedno videti tako, kot je načrtoval oblikovalec. Lahko tudi uporabite spletne varne pisave.
Vezava podatkov
To je samo IE funkcija. Microsoft je to razvil za lažji dostop do podatkovnih baz s spletnih mest. Zelo je podobno uporabi CGI za dostop do baze podatkov, vendar za delovanje uporablja kontrolnik ActiveX. Ta funkcija je zelo napredna in jo je težko uporabljati za začetnika pisanja DHTML.