ഡൈനാമിക് HTML എന്നത് യഥാർത്ഥത്തിൽ HTML ന്റെ ഒരു പുതിയ സവിശേഷത അല്ല, മാത്രമല്ല സാധാരണ HTML കോഡുകളും ആജ്ഞകളും നിയന്ത്രിക്കുന്നതും നിയന്ത്രിക്കുന്നതും ആയ ഒരു പുതിയ രീതിയാണ്.
ഡൈനാമിക് HTML നെക്കുറിച്ച് ചിന്തിക്കുമ്പോൾ സ്റ്റാൻഡേർഡ് എച്ച്ടിഎംഎന്റെ ഗുണങ്ങൾ ഓർത്തുവയ്ക്കേണ്ടതാണ്, പ്രത്യേകിച്ചും സെർവറിൽ നിന്ന് ഒരു പേജ് ലോഡ് ചെയ്തുകഴിഞ്ഞാൽ സെർവറിലേക്ക് മറ്റൊരു അഭ്യർത്ഥന വരുന്നതുവരെ ഇത് മാറ്റില്ല. ഡൈനമിക് എച്ച്ടിഎംഎൽ എന്റർപ്രൈസ് സെർവറിലേക്ക് എത്താതെ HTML എലമെൻറുകളിൽ നിങ്ങൾക്ക് കൂടുതൽ നിയന്ത്രണം നൽകുന്നു, എപ്പോൾ വേണമെങ്കിലും മാറ്റം വരുത്താൻ ഇത് അനുവദിക്കുന്നു.
DHTML ൽ നാല് ഭാഗങ്ങൾ ഉണ്ട്:
- പ്രമാണ ഒബ്ജക്റ്റ് മോഡൽ (DOM) (നിർവചനം)
- സ്ക്രിപ്റ്റുകൾ
- കാസ്കേഡിംഗ് സ്റ്റൈൽ ഷീറ്റുകൾ (CSS)
- XHTML
DOM
നിങ്ങളുടെ വെബ് പേജിന്റെ ഏതെങ്കിലും ഭാഗം DHTML ൽ മാറ്റം വരുത്താൻ DOM നിങ്ങളെ അനുവദിക്കുന്നു. ഒരു വെബ് പേജിന്റെ എല്ലാ ഭാഗവും DOM നിർദ്ദേശിക്കുന്നുണ്ട്, കൂടാതെ നിങ്ങൾക്ക് സ്ഥിരതയുള്ള നാമകരണ സമ്പ്രദായങ്ങൾ ഉപയോഗിച്ച് അവ ആക്സസ് ചെയ്യാനും അവരുടെ പ്രോപ്പർട്ടികൾ മാറ്റാനും കഴിയും.
സ്ക്രിപ്റ്റുകൾ
ജാവാസ്ക്രിപ്റ്റിൽ അല്ലെങ്കിൽ ActiveX ൽ എഴുതിയ സ്ക്രിപ്റ്റുകൾ DHTML സജീവമാക്കാൻ ഉപയോഗിക്കുന്ന ഏറ്റവും സാധാരണമായ സ്ക്രിപ്റ്റിംഗ് ഭാഷകളാണ്. DOM ൽ പറഞ്ഞിരിക്കുന്ന വസ്തുക്കളെ നിയന്ത്രിക്കുന്നതിന് നിങ്ങൾ ഒരു സ്ക്രിപ്റ്റിംഗ് ഭാഷ ഉപയോഗിക്കുന്നു.
ശൈലി ഷീറ്റുകൾ കാസ്കേഡിംഗ്
വെബ് പേജിന്റെ രൂപവും ഭാവവും നിയന്ത്രിക്കാൻ DHTML ൽ CSS ഉപയോഗിക്കുന്നു. ശൈലി ഷീറ്റുകൾ ടെക്സ്റ്റിന്റെ വർണ്ണങ്ങളും ഫോണ്ടുകളും, പശ്ചാത്തല നിറങ്ങളും ചിത്രങ്ങളും, പേജിൽ വസ്തുക്കളുടെ സ്ഥാനവും നിർവ്വചിക്കുന്നു. സ്ക്രിപ്റ്റിങ്ങും DOM ഉം ഉപയോഗിക്കുമ്പോൾ നിങ്ങൾക്ക് വിവിധ ഘടകങ്ങളുടെ ശൈലി മാറ്റാൻ കഴിയും.
XHTML
XHTML അല്ലെങ്കിൽ HTML 4.x പേജിനെ സൃഷ്ടിക്കുന്നതിനും CSS- നും DOM- നും പ്രവർത്തിക്കുന്നതിന് ഘടകങ്ങൾ നിർമ്മിക്കുന്നതിനും ഉപയോഗിക്കുന്നു. ഡിഎച്ച്എഡിനായുള്ള എക്സ്.എച്ച്.റ്റി.എം.എൽ പ്രത്യേകത ഒന്നും തന്നെയില്ല. എന്നാൽ എക്സ്എച്ച്എക്സ് എച്ച്ടിഎംഎൽ വളരെ പ്രധാനപ്പെട്ടതാണ്, കാരണം ബ്രൌസറിനേക്കാൾ കൂടുതൽ പ്രവർത്തിക്കുന്നു.
ഡിഎച്ച്ഒഎലിന്റെ പ്രത്യേകതകൾ
DHTML ന്റെ നാല് പ്രധാന സവിശേഷതകൾ ഉണ്ട്:
- ടാഗുകളും സവിശേഷതകളും മാറ്റുന്നു
- തത്സമയ സ്ഥാനീകരണം
- ചലനാത്മക ഫോണ്ടുകൾ (നെറ്റ്സ്കേപ് കമ്മ്യൂണിക്കേറ്റർ)
- ഡാറ്റാ ബൈൻഡിംഗ് (ഇന്റർനെറ്റ് എക്സ്പ്ലോറർ)
ടാഗുകളും സവിശേഷതകളും മാറ്റുന്നു
ഇത് ഡി.హാം.ന്റെ ഏറ്റവും സാധാരണമായ ഉപയോഗങ്ങളിലൊന്നാണ്. ബ്രൗസറിന്റെ പുറത്തുള്ള ഒരു സംഭവത്തെ (മൗസ് ക്ലിക്ക്, സമയം, അല്ലെങ്കിൽ തീയതി തുടങ്ങിയവ) അനുസരിച്ച് ഒരു HTML ടാഗിന്റെ ഗുണങ്ങൾ മാറ്റാൻ ഇത് സഹായിക്കുന്നു. ഒരു പേജിൽ വിവരങ്ങൾ മുൻകൂട്ടി ലോഡുചെയ്യാൻ ഇത് ഉപയോഗിക്കാം, മാത്രമല്ല വായനക്കാരൻ ഒരു പ്രത്യേക ലിങ്കിൽ ക്ലിക്കുചെയ്യുന്നത് വരെ പ്രദർശിപ്പിക്കാതിരിക്കാം.
റിയൽ ടൈം പൊസിഷനിംഗ്
മിക്ക ആളുകളും DHTML നെക്കുറിച്ച് ചിന്തിക്കുമ്പോൾ അവർ പ്രതീക്ഷിക്കുന്നതാണ്. വെബ് പേജിൽ ചുറ്റുമുള്ള വസ്തുക്കൾ, ചിത്രങ്ങൾ, വാചകം എന്നിവ. ഇത് നിങ്ങളുടെ വായനക്കാരുമായി ഇടപഴകുന്ന ഗെയിമുകൾ പ്ലേ ചെയ്യാൻ അല്ലെങ്കിൽ നിങ്ങളുടെ സ്ക്രീനിന്റെ ആനിമേറ്റഡ് ഭാഗങ്ങൾ കളിക്കാൻ അനുവദിക്കും.
ഡൈനാമിക് ഫോണ്ടുകൾ
ഇതൊരു നെറ്റ്സ്കേപ്പ് മാത്രമുള്ള സവിശേഷതയാണ്. നെറ്റ്സ്കേപ്പ് ഈ പ്രശ്നം രൂപകൽപന ചെയ്യുന്നവർക്ക് ഒരു വായനക്കാരൻറെ സിസ്റ്റത്തിൽ എന്ത് ഫോണ്ടുകളാണ് എന്ന് മനസിലാക്കാതെ പ്രശ്ന പരിഹാരത്തിന് വേണ്ടി വികസിപ്പിച്ചെടുത്തു . ഡൈനാമിക് ഫോണ്ടുകൾ ഉപയോഗിച്ച്, ഫോണ്ടുകൾ എൻകോഡ് ചെയ്ത് പേജിൽ ഡൌൺലോഡ് ചെയ്യുന്നു, അതുവഴി ആ താൾ ഡിസൈനർ അതിനെ എങ്ങനെയാണ് ഉദ്ദേശിച്ചത് എന്ന് നോക്കാം.
ഡാറ്റ ബൈൻഡിംഗ്
ഇത് ഒരു IE സവിശേഷത മാത്രമാണ്. വെബ് സൈറ്റുകളിൽ നിന്നും ഡേറ്റാബേസുകളിലേക്ക് എളുപ്പം പ്രവേശിക്കാൻ മൈക്രോസോഫ്റ്റ് ഇത് വികസിപ്പിച്ചിരുന്നു. ഒരു ഡാറ്റാബേസ് ഉപയോഗിക്കുന്നതിന് സിജിഐ ഉപയോഗിക്കുന്നത് വളരെ സാമ്യമുള്ളതാണ്. ഈ സവിശേഷത DHTML- ൽ തുടക്കം മുതലേ ഉപയോഗിക്കുവാൻ വളരെ പ്രബലവും പ്രയാസവുമാണ്.