Lærðu um Dynamic HTML (DHTML)

Dynamic HTML er í raun ekki ný skilgreining á HTML, heldur ný leið til að skoða og stjórna venjulegu HTML kóða og skipunum.

Þegar þú hugsar um dynamic HTML , þú þarft að muna eiginleika staðlaða HTML, sérstaklega að þegar síða er hlaðið frá þjóninum mun það ekki breytast fyrr en annar beiðni kemur á þjóninn. Dynamic HTML gefur þér meiri stjórn á HTML-hlutunum og gerir þeim kleift að breyta hvenær sem er, án þess að fara aftur á vefþjóninn.

Það eru fjórar hlutar í DHTML:

DOM

DOM er það sem gerir þér kleift að fá aðgang að einhverjum hluta vefsíðunnar þíns til að breyta því með DHTML. Sérhver hluti vefsíðunnar er tilgreindur af DOM og með samkvæmum nafngiftarsamningum þínum er hægt að nálgast þær og breyta eignum þeirra.

Handrit

Skriftir skrifaðar í annaðhvort JavaScript eða ActiveX eru tvö algengustu forskriftarþrepin sem notuð eru til að virkja DHTML. Þú notar tungumál forskriftar til að stjórna hlutunum sem tilgreindir eru í DOM.

Cascading Style Sheets

CSS er notað í DHTML til að stjórna útliti vefsins. Stíllblöð skilgreina liti og leturgerðir á texta, bakgrunnslitum og myndum og staðsetningu hluta á síðunni. Með því að nota forskriftarþarfir og DOM geturðu breytt stíl ýmissa þátta.

XHTML

XHTML eða HTML 4.x er notað til að búa til síðuna sjálf og byggja upp þætti fyrir CSS og DOM til að vinna að. Það er ekkert sérstakt við XHTML fyrir DHTML - en með gildum XHTML er jafnvel enn mikilvægara, þar sem það eru fleiri hlutir sem vinna frá því en bara vafranum.

Lögun af DHTML

Það eru fjórir aðal aðgerðir DHTML:

  1. Breyting á merkjum og eiginleikum
  2. Rauntíma staðsetning
  3. Dynamic leturgerðir (Netscape Communicator)
  4. Gögn bindandi (Internet Explorer)

Breyting merkin og eignirnar

Þetta er ein algengasta notkun DHTML. Það gerir þér kleift að breyta eiginleikum HTML-merkis eftir atburði utan vafrans (eins og smelli, tíma eða dagsetningu, og svo framvegis). Þú getur notað þetta til að hlaða niður upplýsingum á síðu og ekki birta það nema lesandinn smellir á tiltekna tengil.

Rauntíma staðsetning

Þegar flestir hugsa um DHTML er þetta það sem þeir búast við. Hlutir, myndir og texti sem hreyfist um vefsíðu. Þetta getur leyft þér að spila gagnvirka leiki með lesendum þínum eða hreyfðu hluta af skjánum þínum.

Dynamic Skírnarfontur

Þetta er Netscape eini eiginleiki. Netscape þróaði þetta til að komast í kring um vandamálið sem hönnuðir höfðu með því að vita ekki hvaða letur væri á kerfi lesandans. Með öflugum leturgerð eru leturgerðirnar kóðaðar og sóttar með síðunni, þannig að blaðsíðan lítur alltaf á hvernig hönnuður ætlaði það.

Gögn bindandi

Þetta er eini eiginleiki IE. Microsoft þróaði þetta til að auðvelda aðgang að gagnagrunni frá vefsíðum . Það er mjög svipað því að nota CGI til að fá aðgang að gagnagrunni en notar ActiveX stjórn til að virka. Þessi eiginleiki er mjög háþróaður og erfitt að nota í upphafi DHTML rithöfundarins.