Dinamiese HTML is nie regtig 'n nuwe spesifikasie van HTML nie, maar eerder 'n nuwe manier om die standaard HTML kodes en opdragte te bekyk en te beheer.
As jy aan dinamiese HTML dink , moet jy die eienskappe van standaard HTML onthou, veral as een keer 'n bladsy van die bediener gelaai word, sal dit nie verander totdat 'n ander versoek na die bediener kom nie. Dynamic HTML gee jou meer beheer oor die HTML-elemente en laat hulle toe om te eniger tyd te verander, sonder om terug te keer na die webbediener.
Daar is vier dele aan DHTML:
- Document Object Model (DOM) (definisie)
- skrifte
- Cascading Style Sheets (CSS)
- XHTML
DOM
Die DOM is wat u toelaat om enige deel van u webblad te bekom om dit met DHTML te verander. Elke deel van 'n webblad word deur die DOM gespesifiseer en met sy konsekwente naamkonvensies gebruik, kan jy hulle toegang kry en hul eiendomme verander.
skrifte
Skripte wat in JavaScript of ActiveX geskryf is, is die twee mees algemene skripstale wat gebruik word om DHTML te aktiveer. U gebruik 'n skriptaal om die voorwerpe wat in die DOM gespesifiseer is, te beheer.
Cascading Style Sheets
CSS word gebruik in DHTML om die voorkoms en gevoel van die webblad te beheer. Stylvelle definieer die kleure en lettertipes van teks, die agtergrondkleure en beelde, en die plasing van voorwerpe op die bladsy. Deur gebruik te maak van skripsies en die DOM, kan jy die styl van verskillende elemente verander.
XHTML
XHTML of HTML 4.x word gebruik om die bladsy self te skep en die elemente vir die CSS en die DOM op te bou. Daar is niks spesiaals oor XHTML vir DHTML nie - maar met geldige XHTML is selfs belangriker, aangesien daar meer dinge daaraan werk as net die blaaier.
Kenmerke van DHTML
Daar is vier primêre kenmerke van DHTML:
- Verander die merkers en eienskappe
- Real-time posisionering
- Dinamiese lettertipes (Netscape Communicator)
- Data-binding (Internet Explorer)
Verander die Tags en Eienskappe
Dit is een van die mees algemene gebruike van DHTML. Dit laat jou toe om die eienskappe van 'n HTML-tag te verander, afhangende van 'n gebeurtenis buite die blaaier (soos 'n muis klik, tyd of datum, ensovoorts). U kan dit gebruik om inligting op 'n bladsy te laai en dit nie te vertoon nie, tensy die leser op 'n spesifieke skakel klik.
Real-time posisionering
Wanneer die meeste mense aan DHTML dink, is dit wat hulle verwag. Voorwerpe, beelde en teks wat om die webblad beweeg. Dit kan jou toelaat om interaktiewe speletjies met jou lesers te speel of om gedeeltes van jou skerm te skep.
Dinamiese lettertipes
Dit is slegs 'n Netscape-funksie. Netscape het dit ontwikkel om die probleem wat ontwerpers gehad het, te vermy, omdat hulle nie geweet het watter fonts op 'n leser se stelsel sou wees nie. Met dinamiese lettertipes word die lettertipes gekodeer en afgelaai met die bladsy, sodat die bladsy altyd kyk hoe die ontwerper dit beplan het.
Data Binding
Dit is slegs 'n IE-funksie. Microsoft het dit ontwikkel om makliker toegang tot databasisse van webwerwe te maak . Dit is baie soortgelyk aan die gebruik van 'n CGI om toegang tot 'n databasis te verkry, maar gebruik 'n ActiveX-beheer om te funksioneer. Hierdie funksie is baie gevorderd en moeilik om te gebruik vir die begin DHTML skrywer.