ARTICLE, ASIDE, DIV എന്നിവ എപ്പോൾ ഉപയോഗിക്കണം
പുതിയ HTML5 SECTION ഘടകം കുറച്ച് ആശയക്കുഴപ്പമുണ്ടാക്കുന്നതാണ്. നിങ്ങൾ HTML5 പ്രമാണത്തിന് മുമ്പുള്ള HTML പ്രമാണങ്ങൾ നിർമ്മിക്കുകയാണെങ്കിൽ, നിങ്ങൾ ഇതിനകം നിങ്ങളുടെ പേജിൽ ഘടനാപരമായ ഡിവിഷനുകൾ സൃഷ്ടിക്കുന്നതിനുള്ള ഘടകം ഉപയോഗിക്കുന്നു കൂടാതെ അവയുമായുള്ള പേജുകൾ സ്റ്റൈൽ ചെയ്യുകയാണ്. ഇപ്പോൾ SECTION ഘടകങ്ങളുള്ള നിലവിലെ DIV ഘടകങ്ങളെ പകരം വയ്ക്കുന്നതിന് സ്വാഭാവിക കാര്യം പോലെ തോന്നിയേക്കാം. എന്നാൽ ഇത് സാങ്കേതികമായി തെറ്റാണ്. നിങ്ങൾക്ക് SECTION ഘടകങ്ങളുള്ള DIV ഘടകങ്ങൾ പകരം വയ്ക്കാതിരുന്നാൽ, അവ ശരിയായി ഉപയോഗിക്കുന്നത് എങ്ങനെ?
സെക്ഷൻ എലമെന്റ് സെമാന്റിക് എലമെന്റാണ്
ആദ്യം മനസ്സിലാക്കുന്നത് സെക്യൂരിറ്റിയുടെ ഒരു ഘടകമാണ്. ഇത് അർത്ഥമാക്കുന്നത് ഉള്ളടക്ക ഏജന്റുകളെയും മനുഷ്യരെയും സംബന്ധിച്ചിടത്തോളം അർത്ഥമാക്കുന്നത്, പ്രത്യേകിച്ചും ഒരു ഡോക്യുമെന്റിന്റെ ഒരു വിഭാഗമാണ്.
ഇത് ഒരു പൊതു സെമാന്റിക് വിവരണമായി തോന്നിയേക്കാം, അതുകൊണ്ടാണ് അത്. SECTION ഘടകത്തെ ഉപയോഗിക്കും മുമ്പ് നിങ്ങൾ ആദ്യം ഉപയോഗിക്കുന്ന നിങ്ങളുടെ ഉള്ളടക്കത്തിൽ കൂടുതൽ സെമസ്റ്റിക്കൽ വ്യത്യാസങ്ങൾ നൽകുന്ന മറ്റ് HTML5 ഘടകങ്ങളുണ്ട് :
- ആർട്ടിക്കിൾ
- ASIDE
- NAV
SECTION എലമെന്റ് എപ്പോൾ ഉപയോഗിക്കണം
ഉള്ളടക്കം നിലനിറുത്തുകയോ ഒരു ലേഖനമോ ബ്ലോഗ് പോസ്റ്റോ ആയി സിൻഡിക്കേറ്റ് ചെയ്യാവുന്ന സൈറ്റിന്റെ ഒരു സ്വതന്ത്ര ഭാഗമാകുമ്പോൾ ARTICLE ഘടകം ഉപയോഗിക്കുക. പേജിന്റെ ഉള്ളടക്കത്തിലോ അല്ലെങ്കിൽ സൈറ്റിന്റെയോ ഭാഗങ്ങൾ, വ്യാഖ്യാനങ്ങൾ, അടിക്കുറിപ്പുകൾ അല്ലെങ്കിൽ ബന്ധപ്പെട്ട സൈറ്റിനെക്കുറിച്ചുള്ള വിവരങ്ങൾ എന്നിവ സംബന്ധിച്ചുള്ള ഉള്ളടക്കം ആയിരിക്കുമ്പോൾ, ASIDE ഘടകം ഉപയോഗിക്കുക. നാവിഗേറ്റുചെയ്യുന്ന ഉള്ളടക്കത്തിനായി NAV ഘടകാംശം ഉപയോഗിക്കുക.
SECTION എലമെൻമെന്റ് ഒരു സാധാരണ സെമാന്റിക് എലമെന്റാണ്. മറ്റ് സിമാന്റിക് കണ്ടെയ്നർ ഘടകങ്ങൾ ഒന്നും ഉചിതമല്ലെങ്കിൽ ഇത് ഉപയോഗിക്കും. നിങ്ങളുടെ പ്രമാണത്തിന്റെ ചില ഭാഗങ്ങൾ ഒരുമിച്ച് വിവരിക്കാൻ കഴിയുന്ന വ്യതിരിക്ത യൂണിറ്റുകളായി നിങ്ങൾ അത് ഉപയോഗിച്ചുപയോഗിക്കുന്നു. ഒന്നോ രണ്ടോ വാക്യങ്ങളിൽ വിഭാഗത്തിലെ ഘടകങ്ങളെ വിശദീകരിക്കാൻ കഴിയുന്നില്ലെങ്കിൽ, നിങ്ങൾ ഒരുപക്ഷേ മൂലകൃതി ഉപയോഗിക്കരുത്.
പകരം, DIV ഘടകം ഉപയോഗിക്കണം. HTML5 ലെ DIV എലമെൻറ് ഒരു അർത്ഥമാക്കാത്ത കണ്ടെയ്നർ ഘടകം ആണ്. നിങ്ങൾ സംയോജിപ്പിക്കാൻ ശ്രമിക്കുന്ന ഉള്ളടക്കം സെമാന്റിക് അർത്ഥമുള്ളതല്ലെങ്കിൽ, നിങ്ങൾ സ്റ്റൈലിംഗിനൊപ്പം കൂട്ടിച്ചേർക്കണം, തുടർന്ന് ഡിഐഐ ഘടകം ഉപയോഗിക്കുന്നതിനുള്ള ഉചിതമായ ഘടകമാണ്.
SECTION എലമെൻറ് എങ്ങനെയാണ് പ്രവർത്തിക്കുന്നത്
ലേഖനങ്ങളുടെയും ASIDE ഘടകങ്ങളുടെയും ബാഹ്യ കണ്ടെയ്നർ ആയി നിങ്ങളുടെ പ്രമാണത്തിൽ ഒരു വിഭാഗം ദൃശ്യമാകും. ഒരു ARTICLE അല്ലെങ്കിൽ ASIDE ന്റെ ഭാഗമല്ലാത്ത ഉള്ളടക്കവും ഇതിൽ അടങ്ങിയിരിക്കാം. ARTICLE, NAV, അല്ലെങ്കിൽ ASIDE എന്നിവയിൽ ഒരു SECTION എലമെൻറ് ലഭ്യമാണ്. ഒരു കൂട്ടം വിഭാഗങ്ങൾ, ഒരു ലേഖനത്തിന്റെ ഒരു ഭാഗമോ അല്ലെങ്കിൽ മൊത്തം പേജോ ഉള്ള മറ്റൊരു കൂട്ടം ഉള്ളടക്കത്തിന്റെ ഒരു വിഭാഗമാണെന്നത് സൂചിപ്പിക്കുന്നതിന് നിങ്ങൾക്ക് നെസ്റ്റ് വിഭാഗങ്ങൾ പോലും കഴിയും.
SECTION എലമെന്റ് പ്രമാണത്തിൻറെ ഔട്ട്ലൈനിനുള്ളിൽ ഇനങ്ങൾ സൃഷ്ടിക്കുന്നു. കൂടാതെ, നിങ്ങൾക്ക് എല്ലായ്പ്പോഴും ഒരു ഹെഡ്ഡർ ഘടകം (H6 വഴി H1) ഉണ്ടായിരിക്കണം. നിങ്ങൾക്ക് വിഭാഗത്തിന് ഒരു ശീർഷകം വയ്ക്കാനാകുന്നില്ലെങ്കിൽ, വീണ്ടും DIV ഘടകം കൂടുതൽ അനുയോജ്യമാണ്. ഓർമ്മിക്കുക, വിഭാഗത്തിന്റെ തലക്കെട്ട് പേജിൽ ദൃശ്യമാകില്ലെങ്കിൽ നിങ്ങൾക്ക് എല്ലായ്പ്പോഴും CSS ഉപയോഗിച്ച് അത് മാസ്ക് ചെയ്യാം.
SECTION എലമെന്റ് ഉപയോഗിക്കേണ്ടതില്ല
മുകളിൽ കൂടുതൽ നിർദ്ദിഷ്ട സിമാന്റിക് ഘടകങ്ങൾ ഉപയോഗിക്കാൻ മുകളിലുള്ള ഉപദേശം അപ്പുറം, നിങ്ങൾക്ക് SECTION ഘടകം ഉപയോഗിക്കരുത് എന്ന് നിശ്ചിതമായ ഒരു പ്രദേശമുണ്ട്: style മാത്രം.
മറ്റൊരു രീതിയിൽ പറഞ്ഞാൽ, നിങ്ങൾ ആ സ്ഥലത്ത് ഒരു ഘടകം കൊണ്ടുവരികയാണെങ്കിൽ CSS സ്റ്റൈൽ ഗുണങ്ങളുമായി പൊരുത്തപ്പെടുത്തുക എന്നതാണ്, നിങ്ങൾ SECTION എലമെന്റ് ഉപയോഗിക്കരുത്. ഒരു സെമാന്റിക് ഘടകം കണ്ടെത്തുക അല്ലെങ്കിൽ DIV ഘടകത്തിനു പകരം ഉപയോഗിക്കുക.
ആത്യന്തികമായി അത് പ്രാധാന്യം നൽകില്ല
സിമാറ്റിക് HTML എഴുതുന്നതിൽ ഒരു ബുദ്ധിമുട്ട് എനിക്ക് മിഥ്യാധാരണയുണ്ടാകുന്നത് നിങ്ങൾക്ക് തികച്ചും വിഡ്ഢിയായിരിക്കാം. നിങ്ങളുടെ രേഖകളിൽ SECTION എലമെന്റ് ഉപയോഗിച്ചുകൊണ്ട് നിങ്ങൾക്ക് ന്യായീകരിക്കാനാകുമെന്ന് നിങ്ങൾക്ക് തോന്നുന്നെങ്കിൽ, അത് ഉപയോഗിക്കേണ്ടതാണ്. മിക്ക ഉപയോക്താവിന്റെ ഏജന്റുമാരും നിങ്ങൾക്ക് താല്പര്യപ്പെടില്ല, കൂടാതെ നിങ്ങൾക്ക് ഡിവിഐ അല്ലെങ്കിൽ SECTION സ്റ്റൈൽ വേണോ എന്ന് നിങ്ങൾ പ്രതീക്ഷിച്ചേക്കാവുന്നതാണിത്.
സെമാന്റിഫികമായി ശരിയായിരിക്കാൻ ആഗ്രഹിക്കുന്ന ഡിസൈനർമാർക്ക്, സെമന്റൈം സാധുവായ രീതിയിൽ സെക്ഷൻ ഫലകം ഉപയോഗിക്കുന്നത് വളരെ പ്രധാനമാണ്. അവരുടെ പേജുകൾ പ്രവർത്തിക്കാൻ ആഗ്രഹിക്കുന്ന ഡിസൈനർമാർക്ക് അത് അത്ര പ്രധാനപ്പെട്ടതല്ല. സെമാന്റിക് സാധുവായ HTML എഴുത്ത് നല്ല പ്രാക്ടയിലാണെന്ന് ഞാൻ വിശ്വസിക്കുന്നു, കൂടാതെ പേജുകൾ കൂടുതൽ ഭാവിയിൽ തെളിയിച്ചുകൊണ്ടിരിക്കുന്നു. എന്നാൽ അവസാനം നിങ്ങളുടെ ഇഷ്ടം.