Kā dinamisko HTML (DHTML) tiek izmantots, lai izveidotu interaktīvas lapas

click fraud protection

Dinamiskā HTML patiesībā nav jauna HTML specifikācija, bet gan cits veids, kā apskatīt un kontrolēt standarta HTML kodus un komandas.

Domājot par dinamiku HTML, jums jāatceras standarta HTML īpašības, īpaši tas, ka pēc tam, kad lapa tiek ielādēta no servera, tā nemainīsies, kamēr serverī nenāks cits pieprasījums. Dinamiskā HTML nodrošina lielāku kontroli pār HTML elementiem un ļauj tos mainīt jebkurā laikā, neatgriežoties Web serverī.

DHTML ir četras daļas:

  • Dokumenta objekta modelis (DOM) (definīcija)
  • Skripti
  • Kaskādes stila lapas (CSS)
  • XHTML

DOM

DOM ir tas, kas ļauj piekļūt jebkurai tīmekļa lapas daļai, lai to mainītu ar DHTML. Katru tīmekļa lapas daļu nosaka DOM, un, izmantojot tās konsekventās nosaukumu piešķiršanas konvencijas, varat tām piekļūt un mainīt to īpašības.

Skripti

Skripti, kas rakstīti vai nu JavaScript, vai ActiveX, ir divas visizplatītākās skriptu valodas, ko izmanto, lai aktivizētu DHTML. Jūs lietojat skriptu valodu, lai kontrolētu objektus, kas norādīti DOM.

Kaskādes stila lapas

instagram viewer

CSS tiek izmantots DHTML, lai kontrolētu tīmekļa lapas izskatu. Stila lapas nosaka teksta krāsas un fontus, fona krāsas un attēlus, kā arī objektu izvietojumu lapā. Izmantojot skriptu un DOM, varat mainīt dažādu elementu stilu.

XHTML

XHTML vai HTML 4.x tiek izmantots, lai izveidotu pašu lapu un izveidotu CSS un DOM strādāt. DHTML XHTML nav nekas īpašs - taču derīga XHTML lietošana ir vēl svarīgāka, jo tajā darbojas vairāk lietu nekā tikai pārlūkprogramma.

DHTML iezīmes

DHTML ir četras galvenās iezīmes:

  1. Tagu un rekvizītu maiņa
  2. Reāllaika pozicionēšana
  3. Dinamiski fonti (Netscape Communicator)
  4. Datu saistīšana (Internet Explorer)

Tagu un rekvizītu maiņa

Šis ir viens no visbiežāk izmantotajiem DHTML. Tas ļauj mainīt HTML tags atkarībā no notikuma ārpus pārlūkprogrammas (piemēram, ar peles klikšķi, laiku vai datumu utt.). Varat to izmantot, lai iepriekš ielādētu informāciju lapā un nerādītu to, ja vien lasītājs nenoklikšķina uz konkrētas saites.

Reāllaika pozicionēšana

Kad lielākā daļa cilvēku domā par DHTML, tas ir tas, ko viņi sagaida. Objekti, attēli un teksts, kas pārvietojas Web lapā. Tas var ļaut spēlēt interaktīvas spēles ar lasītājiem vai animēt ekrāna daļas.

Dinamiski fonti

Šī ir tikai Netscape funkcija. Netscape to izstrādāja, lai apietu dizaineru problēmas, nezinot, kādi fonti būs lasītāja sistēmā. Izmantojot dinamiskos fontus, fonti tiek kodēti un lejupielādēti kopā ar lapu, lai lapa vienmēr izskatās dizainera iecerētā veidā. Jūs varat arī izmantot tīmeklī droši fonti.

Datu saistīšana

Šī ir tikai IE funkcija. Microsoft to izstrādāja, lai atvieglotu piekļuvi datubāzes no vietnēm. Tas ir ļoti līdzīgs lietošanai CGI lai piekļūtu datu bāzei, bet darbībai izmanto ActiveX vadīklu. Šī funkcija ir ļoti uzlabota, un to ir grūti izmantot sākuma DHTML rakstītājam.

instagram story viewer