Ang Dynamic HTML ay hindi talaga isang bagong detalye ng HTML, kundi isang bagong paraan ng pagtingin at pagkontrol sa karaniwang mga HTML code at mga utos.
Kapag nag-iisip ng mga dynamic na HTML , kailangan mong tandaan ang mga katangian ng standard na HTML, lalo na na isang beses load ang isang pahina mula sa server, hindi ito magbabago hanggang sa isa pang kahilingan ay dumating sa server. Ang Dynamic na HTML ay nagbibigay sa iyo ng higit na kontrol sa mga elemento ng HTML at nagpapahintulot sa kanila na baguhin anumang oras, nang hindi bumabalik sa Web server.
Mayroong apat na bahagi sa DHTML:
- Document Object Model (DOM) (kahulugan)
- Mga script
- Cascading Style Sheets (CSS)
- XHTML
DOM
Ang DOM ay nagbibigay-daan sa iyo upang ma-access ang anumang bahagi ng iyong pahina ng Web upang baguhin ito sa DHTML. Ang bawat bahagi ng isang Web page ay tinukoy ng DOM at ginagamit ang mga pare-parehong pagbibigay ng kombensiyon sa pagbibigay ng pangalan na maaari mong ma-access ang mga ito at baguhin ang kanilang mga katangian.
Mga script
Ang mga script na isinulat sa alinman sa JavaScript o ActiveX ay ang dalawang pinakakaraniwang mga scripting language na ginagamit upang ma-activate ang DHTML. Gumagamit ka ng isang scripting language upang kontrolin ang mga bagay na tinukoy sa DOM.
Cascading Style Sheets
Ang CSS ay ginagamit sa DHTML upang makontrol ang hitsura at pakiramdam ng Web page. Tinutukoy ng mga sheet ng estilo ang mga kulay at mga font ng teksto, ang mga kulay at mga larawan sa background, at ang pagkakalagay ng mga bagay sa pahina. Gamit ang scripting at ang DOM, maaari mong baguhin ang estilo ng iba't ibang mga elemento.
XHTML
Ang XHTML o HTML 4.x ay ginagamit upang likhain ang pahina mismo at itayo ang mga elemento para sa CSS at ang DOM upang gumana. Walang espesyal na tungkol sa XHTML para sa DHTML - ngunit ang pagkakaroon ng wastong XHTML ay mas mahalaga, dahil mayroong higit pang mga bagay na nagtatrabaho mula dito sa browser lang.
Mga tampok ng DHTML
Mayroong apat na pangunahing tampok ng DHTML:
- Pagbabago ng mga tag at mga katangian
- Real-time na pagpoposisyon
- Mga dynamic na font (Netscape Communicator)
- Ang umiiral na data (Internet Explorer)
Pagbabago ng Mga Tag at Mga Katangian
Ito ay isa sa pinakakaraniwang paggamit ng DHTML. Pinapayagan ka nitong baguhin ang mga katangian ng isang HTML tag depende sa isang kaganapan sa labas ng browser (tulad ng pag-click ng mouse, oras, o petsa, at iba pa). Maaari mong gamitin ito sa preload na impormasyon sa isang pahina, at hindi ipakita ito maliban kung ang mambabasa ay nag-click sa isang tukoy na link.
Real-time na Positioning
Kapag ang karamihan sa tao ay nag-iisip ng DHTML ito ang inaasahan nila. Mga bagay, larawan, at teksto na lumilipat sa buong pahina ng Web. Makakatulong ito sa iyo upang maglaro ng mga interactive na laro sa iyong mga mambabasa o magpakita ng mga bahagi ng iyong screen.
Mga Dynamic na Mga Font
Ito ay isang tampok na Netscape lamang. Netscape binuo ito upang makakuha ng paligid ng problema designer ay may hindi alam kung ano ang mga font ay sa isang sistema ng mambabasa. Sa mga dynamic na font, ang mga font ay naka-encode at na-download sa pahina, upang ang pahina ay palaging tiningnan kung paano nilayon ito ng taga-disenyo.
Data Binding
Ito ay isang tampok na IE lamang. Binuo ito ng Microsoft upang payagan ang mas madaling pag-access sa mga database mula sa mga Web site . Ito ay halos katulad sa paggamit ng isang CGI upang ma-access ang isang database ngunit gumagamit ng isang kontrol ng ActiveX upang gumana. Ang tampok na ito ay napaka-advanced at mahirap gamitin para sa nagsisimula DHTML manunulat.