എന്താണ് ഐഡി ആട്രിബ്യൂട്ട്?

വെബ് പേജുകളിലെ തനതായ ഐഡന്റിഫയറുകൾ

W3C അനുസരിച്ച്, HTML ലെ ഐഡി ആട്രിബ്യൂട്ട് ഇതാണ്:

മൂലകനായുള്ള ഒരു തനതായ ഐഡന്റിഫയർ

വളരെ ശക്തമായ ആട്രിബ്യൂട്ടിനെക്കുറിച്ചുള്ള ലളിതമായ ഒരു വിവരണമാണിത്. ഐഡി ആട്രിബ്യൂട്ടിന് വെബ്പേജുകൾക്കായി നിരവധി പ്രവർത്തനങ്ങൾ നടത്താൻ കഴിയും:

• ഒരു ശൈലി ഷീറ്റ് സെലക്ടർ - ഇതാണ് മിക്കയാളുകളും ഐഡി ആട്രിബ്യൂട്ടിന് ഉപയോഗിക്കുന്നത്. അവർ അതുല്യമായതുകൊണ്ട്, നിങ്ങൾ ഒരു ഐഡി പ്രോപ്പർട്ടി ഉപയോഗിച്ച് ശൈലിയിൽ നിങ്ങളുടെ വെബ്പേജിലെ ഒരു ഇനം നിങ്ങളെ സ്റ്റൈലിംഗ് ചെയ്യും എന്ന് ഉറപ്പാക്കാൻ കഴിയും. സ്റ്റൈലിംഗ് ആവശ്യകതകൾക്ക് ഒരു ഐഡി ഉപയോഗിക്കുന്നതിന് കുറവ് വരുത്തുന്നത് ഒരു പ്രത്യേകതയെ വളരെ ഉയർന്ന നിലവാരമുള്ളതാണെന്നതാണ്, അത് പിന്നീട് ഒരു സ്റ്റൈൽഷീറ്റിൽ ചില കാരണങ്ങളാൽ ഒരു സ്റ്റൈൽ മറികടക്കാൻ നിങ്ങൾക്ക് വളരെ ബുദ്ധിമുട്ടാകും. ഇതുകാരണം നിലവിലെ സ്റ്റൈലിംഗ് ആവശ്യകതകൾക്കായി ID കൾക്കും ഐഡെ സെലക്ടറുകൾക്കുമൊപ്പം ക്ലാസുകളും ക്ലാസ് സെലക്ടറുകളും ഉപയോഗിക്കുന്നതിനുള്ള നിലവിലെ വെബ് സമ്പ്രദായം.

• URL- ന്റെ അവസാനഭാഗത്ത് ID സൂചിപ്പിച്ച് നിങ്ങളുടെ വെബ് പ്രമാണത്തിലെ കൃത്യമായ സ്ഥാനങ്ങൾ ലക്ഷ്യമാക്കുന്നതിന് വെബിറ്റർ ബ്രൌസറുകളുടെ പേരുനൽകുന്ന നാമനിർദ്ദേശങ്ങൾ. നിങ്ങൾ ഒരു പൗണ്ട്-ചിഹ്നം (#) മുൻപ്, പേജ് URL- ന്റെ അവസാനം വരെ ഐഡി ചേർക്കുന്നു. ഒരു ആങ്കിൾക്കുള്ള href ആട്രിബ്യൂട്ടിൽ പൗണ്ട്-ചിഹ്നം (#), ഐഡി നാമം എന്നിവ ചേർത്തുകൊണ്ട് ഈ ആങ്കറുകളിലേക്ക് നിങ്ങൾക്ക് ഈ പേജുകളുമായി ലിങ്ക് ചെയ്യാവുന്നതാണ്. ഉദാഹരണത്തിന്, നിങ്ങൾക്ക് ഒരു കോൺടാക്റ്റിന്റെ ID ഉള്ള ഒരു വിഭജനം ഉണ്ടെങ്കിൽ , അതിലേക്ക് ആ പേജിൽ നിങ്ങൾക്ക് ബന്ധിപ്പിക്കാൻ കഴിയും:
  
  ലിങ്ക് ലിങ്ക് ആണ്
• സ്ക്രിപ്റ്റുകൾക്കുള്ള ഒരു റഫറൻസ് - നിങ്ങൾ ഏതെങ്കിലും Javascript ഫംഗ്ഷനുകൾ എഴുതുകയാണെങ്കിൽ, നിങ്ങൾ ഐഡി ആട്രിബ്യൂട്ട് ഉപയോഗിക്കാൻ ആഗ്രഹിക്കും, അതിലൂടെ പേജിൽ നിങ്ങളുടെ സ്ക്രിപ്റ്റുകൾ ഉപയോഗിച്ച് കൃത്യമായ ഘടകത്തിലേക്ക് മാറ്റങ്ങൾ വരുത്താം.
• മറ്റ് പ്രോസസ്സിംഗ് - നിങ്ങൾ ആഗ്രഹിക്കുന്ന വിധത്തിൽ നിങ്ങളുടെ വെബ് പ്രമാണങ്ങൾ പ്രോസസ് ചെയ്യാൻ ഐഡി അനുവദിക്കുന്നു. ഉദാഹരണത്തിന്, നിങ്ങൾ ഒരു ഡാറ്റാബേസിലേക്ക് HTML എക്സ്ട്രാക്റ്റ് ചെയ്തേക്കാം, കൂടാതെ ID ആട്രിബ്യൂട്ട് ഫീൽഡുകൾ തിരിച്ചറിയുന്നു.

ID ആട്രിബ്യൂട്ട് ഉപയോഗിക്കുന്നതിനുള്ള നിയമങ്ങൾ

പ്രമാണത്തിൽ എവിടെയും id ആട്രിബ്യൂട്ട് ഉപയോഗിക്കുന്ന സാധുവായ ഒരു പ്രമാണമുണ്ടായിരിക്കാൻ നിങ്ങൾ ചില നിബന്ധനകൾ പാലിക്കണം:

• ഒരു അക്ഷരം (az അല്ലെങ്കിൽ AZ)
• തുടർന്നുള്ള എല്ലാ പ്രതീകങ്ങളും അക്ഷരങ്ങൾ, അക്കങ്ങൾ (0-9), ഹൈഫൻസ് (-), അടിവരകൾ (_), കോളൺസ് (:), കൂടാതെ പീരിയഡുകൾ (.) എന്നിവയുമാകാം.
• പ്രമാണത്തിൽ ഓരോ ഐഡിയും തനതായിരിക്കണം. എന്തുകൊണ്ട്?

ID ആട്രിബ്യൂട്ട് ഉപയോഗിക്കുന്നു

ഒരിക്കൽ നിങ്ങളുടെ വെബ് സൈറ്റിലെ ഒരു അദ്വിതീയ ഘടകം നിങ്ങൾ തിരിച്ചറിഞ്ഞുകഴിഞ്ഞാൽ, നിങ്ങൾക്ക് സ്റ്റൈൽഷീറ്റുകൾ സ്റ്റൈൽ ശൈലിയിൽ ആ ഘടകം ഉപയോഗിക്കാൻ കഴിയും.

ഞങ്ങളെ സമീപിക്കുക

ഇവിടെ കുറച്ച് പാഠ ഉള്ളടക്കം ഉണ്ട്

div # കോൺടാക്റ്റ് വിഭാഗം {background: # 0cf;}

-അല്ലെങ്കിൽ-

# കോൺടാക്റ്റ് വിഭാഗം {background: # 0cf;}

ആ രണ്ടു സെലക്ടറുകളിൽ ഒന്നിലും പ്രവർത്തിക്കും. ആദ്യത്തേത് (div # contact-section) ഒരു "ഡിസ്ട്രിബ്യൂട്ട് സെക്ഷൻ" എന്ന ഒരു ഐഡി ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് ഒരു ഡിവിഷൻ ലക്ഷ്യമാക്കും. രണ്ടാമത്തെ (# കോണ്ടാക്റ്റ് സെക്ഷൻ) ഇപ്പോഴും കോണ്ടാക്റ്റ് "കോണ്ടാക്ട് സെക്ഷൻ" എന്ന ഐഡിയുമായി ടാർഗെറ്റ് ചെയ്യുന്നതാകും, അത് അന്വേഷിക്കുന്നത് ഒരു ഡിവിഷൻ ആണെന്ന് അറിയില്ല. സ്റൈലിങ്ങിന്റെ അവസാന ഫലം അത് തന്നെ ആയിരിക്കും.

ഏതെങ്കിലും ടാഗുകൾ ചേർക്കാതെ തന്നെ നിങ്ങൾക്ക് ആ പ്രത്യേക ഘടകത്തിലേക്ക് ലിങ്ക് ചെയ്യാനും കഴിയും:

ബന്ധപ്പെടാനുള്ള വിവരങ്ങളിലേക്കുള്ള ലിങ്ക്

നിങ്ങളുടെ സ്ക്രിപ്റ്റുകളിലുള്ള "getElementById" ജാവാസ്ക്രിപ്റ്റ് രീതി ഉപയോഗിച്ചുള്ള ഖണ്ഡിക:

document.getElementById ("കോൺടാക്റ്റ് വിഭാഗം")

മിക്ക സാധാരണ സ്റ്റൈലിംഗിനുമായി ക്ലാസ് സെലക്ടറുകൾ അവരെ മാറ്റിയെങ്കിലും ഐഡി ആട്രിബ്യൂട്ടുകൾ ഇപ്പോഴും HTML ൽ വളരെ ഉപയോഗപ്രദമാണ്. ID ആട്രിബ്യൂട്ട് ശൈലികൾക്കായി ഒരു ഹുക്ക് ആയി ഉപയോഗിക്കാനുള്ള കഴിവ്, അവ ലിങ്കുകൾ അല്ലെങ്കിൽ സ്ക്രിപ്റ്റുകൾക്കായുള്ള ടാർഗെറ്റുകൾ എന്നിവയിൽ ഉപയോഗിക്കുമ്പോൾ, ഇന്നത്തെ വെബ് ഡിസൈനിൽ ഇപ്പോഴും പ്രധാന സ്ഥാനം ഉണ്ടെന്നാണ്.

എഡിറ്റുചെയ്ത ജെറിമി ഗിർാർഡ്