അടയ്ക്കൽ ടാഗ് ഇല്ലാതെ HTML സിംഗിൾടൺ ടാഗുകൾ

മിക്ക HTML ഘടകങ്ങൾക്കും, ഒരു HTML പേജിൽ അവ പ്രദർശിപ്പിക്കുന്ന സമയത്ത് നിങ്ങൾ ഒരു തുറക്കൽ ടാഗിൽ ആരംഭിക്കുകയും അവസാനിക്കുന്ന ഒരു ടാഗ് ഉപയോഗിച്ച് അവസാനിക്കുകയും ചെയ്യുന്നു. ആ രണ്ട് ടാഗുകൾക്കുമിടയ്ക്ക് മൂലകത്തിന്റെ ഉള്ളടക്കമായിരിക്കും. ഉദാഹരണത്തിന്:

ഇതൊരു പാഠ ഉള്ളടക്കമാണ്

ലളിതമായ ഖണ്ഡിക ഘടകം തുറക്കുന്നതും അവസാനിക്കുന്നതും എങ്ങനെ ഉപയോഗിക്കുമെന്ന് കാണിക്കുന്നു. മിക്ക HTML ഘടകങ്ങളും ഇതേ പാറ്റേൺ അനുസരിച്ച് പ്രവർത്തിക്കുന്നു, പക്ഷേ തുറക്കുന്നതും അടക്കുന്നതുമായ ടാഗുകൾക്ക് ഒന്നുമില്ലാത്ത ധാരാളം HTML ടാഗുകൾ ഉണ്ട്.

ഒരു സാധുതയുള്ള മൂലകം എന്താണ്?

സാധുവായ ഒരു ടാഗ് ആവശ്യമായ സാധുതയുള്ള ആവശ്യമില്ലാത്ത ടാഗുകൾ അസാധുവാക്കിയ ഘടകങ്ങൾ അല്ലെങ്കിൽ എന്റർ ടാഗുകൾ ആണ്. ഈ ഘടകങ്ങൾ സാധാരണഗതിയിൽ, പേജിൽ മാത്രം നിലകൊള്ളുന്നതോ അല്ലെങ്കിൽ അവയുടെ ഉള്ളടക്കങ്ങളുടെ അവസാനം എവിടെയെങ്കിലുമോ വ്യക്തമാണ്.

HTML Void Elements പട്ടിക

അസാധുവായ ഘടകങ്ങളായ പല HTML 5 ടാഗുകൾ ഉണ്ട്. നിങ്ങൾ സാധുവായ HTML എഴുതുകയാണെങ്കിൽ, ഈ ടാഗുകൾക്കായുള്ള ട്രെയിലിംഗ് സ്ലാഷ് ഉപേക്ഷിക്കണം - ഇത് താഴെ കാണിച്ചിരിക്കുന്നതാണ്. നിങ്ങൾ എക്സ്.എച്ച്.റ്റി.എം.എൽ എഴുതുന്നുണ്ടെങ്കിൽ, ട്രെയിലിംഗ് സ്ലാഷ് ആവശ്യമായി വരും.

• - ഒരു ഇമേജ് മാപ്പിനകത്തുള്ള പ്രദേശത്തിനായി ഉപയോഗിച്ചു

• - ഒരു പ്രമാണത്തിലെ എല്ലാ അനുബന്ധ URL കൾക്കുമുള്ള അടിസ്ഥാന URL. ഒരു പ്രമാണത്തിൽ ഒന്നിൽ ഒന്നിൽ കൂടുതൽ ഉണ്ടായിരിക്കില്ല, അത് പേജിന്റെ ആയിരിക്കണം

• 
  - ഒരു വരിയുടെ പകരത്തിനു പകരം ഒറ്റ വരി ബ്രേക്ക് സൃഷ്ടിക്കാൻ ഇത് വാചകത്തിൽ ഉപയോഗിക്കാറുണ്ട്. ഒരു വിഷ്വൽ ആവശ്യകത, അതിനാൽ CSS ന്റെ ഡൊമെയ്ൻ ആയതിനാൽ നിരവധി ടാഗുകൾ കൂട്ടിച്ചേർത്ത് ഇത് ഒരു പേജിൽ വിഷ്വൽ സെപ്പറേഷൻ സൃഷ്ടിക്കാൻ ഉപയോഗിക്കരുത്

• - ഒരു ഘടകത്തിനുള്ളിൽ ഓരോ നിരയ്ക്കും നിര വിശേഷതകൾ വ്യക്തമാക്കുന്നു

• - ഒരു ഉപയോക്താവിന് ആവശ്യപ്പെടാവുന്ന ഒരു കമാൻഡ് വ്യക്തമാക്കുന്നു

• - ബാഹ്യ ആപ്ലിക്കേഷനുകളും ഇൻറഗ്രേഷനായി ഇന്ററാക്റ്റീവ് ഉള്ളടക്കവും ഉപയോഗിച്ചാണ്

• ---

  - ഒരു താളത്തിലെ ഒരു നേർ രേഖയായ ഒരു തിരശ്ചീന റൂൾ. പലപ്പോഴും, ഈ HTML ഘടകത്തിന് പകരം, സെസ്സർ ലൈനുകൾ സൃഷ്ടിക്കാൻ CSS ബോർഡറുകൾ ഉപയോഗിക്കും

• - HTML ന്റെ ഉഗ്രൻ ഘടകങ്ങളിൽ ഒന്ന്, ഇത് ഇമേജ് ടാഗാണ്. വെബ്പേജിലേക്ക് ഗ്രാഫിക് ഇമേജുകൾ ചേർക്കാൻ ഇത് ഉപയോഗിക്കുന്നു.

• - സന്ദർശകരിൽ നിന്നുള്ള വിവരങ്ങൾ പിടിച്ചെടുക്കുന്നതിന് ഉപയോഗിക്കുന്ന ഒരു ഘടക ഘടകം. വർഷങ്ങളായി രൂപങ്ങൾ ഉപയോഗിച്ചിരുന്ന സാധാരണ "ടെക്സ്റ്റ്" ടൈപ്പിലെ പല സാധുവായ ഇൻപുട്ട് രീതികളും HTML5- ന്റെ ഭാഗമായ പുതിയ ഇൻപുട്ട് രീതികളിൽ ഉണ്ട്.

• - ഫോമുകൾക്കായി ഉപയോഗിക്കുന്ന കീ-ജോടി ജനറേറ്റർ ഫീൽഡിനെ ഇത് നിർവ്വചിക്കുന്നു

• - "ഹൈപ്പർലിങ്കോ" അല്ലെങ്കിൽ ആങ്കർ () ടാഗ് ഉപയോഗിച്ച് ആശയക്കുഴപ്പത്തിലാകാതിരിക്കുക, ഈ ലിങ്ക് പ്രമാണവും ബാഹ്യ ഉറവിടവും തമ്മിലുള്ള ലിനക്സ് സജ്ജമാക്കുകയാണ്. ഒരു ബാഹ്യ CSS ഫയലിലേക്ക് ലിങ്ക് ചെയ്യാൻ നിങ്ങൾ അത് ഉപയോഗിക്കും, ഉദാഹരണത്തിന്

• - മെറ്റാ ടാഗുകൾ "ഉള്ളടക്കത്തെക്കുറിച്ചുള്ള വിവരം" ആണ്. അവ ഒരു പ്രമാണത്തിന്റെ ൽ കാണുകയും ബ്രൗസറിലേക്ക് പേജ് വിവരം കൈമാറ്റം ചെയ്യുകയും ചെയ്യുന്നു. നിങ്ങൾക്ക് ഒരു വെബ്പേജിൽ ഉപയോഗിക്കാൻ കഴിയുന്ന നിരവധി മെറ്റാ ടാഗുകൾ ഉണ്ട്

• - പ്ലഗിനുകൾക്കായി പരാമീറ്ററുകൾ നിർവചിക്കുന്നതിന് ഉപയോഗിക്കുന്നു

• - വീഡിയോകൾ അല്ലെങ്കിൽ ഇമേജുകൾ അല്ലെങ്കിൽ ഓഡിയോ ഫയലുകൾ ഉൾപ്പെടെ നിങ്ങളുടെ പേജിൽ മീഡിയയ്ക്കുള്ള ഇതര ഫയൽ പാത്തുകൾ വ്യക്തമാക്കാൻ ഈ ടാഗ് നിങ്ങളെ അനുവദിക്കുന്നു

• - ഈ ടാഗിൽ

• - ഇത് വേഡ് ബ്രേക്ക് ഓപ്പർച്യുനിറ്റിയിലേക്കുള്ളതാണ്. ഒരു വരിയിൽ ഒരു വരി ബ്രേക്ക് ചേർക്കുന്നതിന് അത് സ്വീകാര്യമായിരിക്കുമെന്ന് ഇത് വ്യക്തമാക്കുന്നു.

ഭൂരിഭാഗം HTML ഘടകങ്ങളും ചെയ്യുന്നത് കാരണം ഈ ഒറ്റയടിക്കുട്ടികൾ ഭരണം നടത്തുന്നതിന് ഒരു അപവാദമാണ്, തീർച്ചയായും, ഒരു തുറക്കുന്നതും ഒരു ക്ലോസിങ്ങ് ടാഗും ആവശ്യമാണ്. നിങ്ങൾ ഈ വെബ്ബ് ഡിസൈൻ വർക്കിൽ (keygen, wbr, command എന്നിവയിൽ തീർച്ചയായും ഉപയോഗിക്കാമെന്നത് മൂന്നു ഘടകങ്ങളാണെങ്കിൽ, ചിലപ്പോൾ നിങ്ങൾ ചിലപ്പോൾ (img, മെറ്റാ, അല്ലെങ്കിൽ ഇൻപുട്ട് പോലുള്ളവ) പലപ്പോഴും ഉപയോഗിക്കും. വെബ്പേജുകളിൽ സാധാരണ അല്ല). എന്നിരുന്നാലും, HTML പേജുകളിൽ സാധാരണ അല്ലെങ്കിൽ അപൂർവ്വം, ഈ ടാഗുകൾ പരിചിതവും HTML ടാഗുകൾക്ക് പിന്നിലുള്ള ആശയം എന്താണെന്നറിയാൻ സഹായകരമാണ്. നിങ്ങളുടെ വെബ് ഡെവലപ്പറിനായുള്ള ഒരു റഫറൻറായി ഈ ലിസ്റ്റ് നിങ്ങൾക്ക് ഉപയോഗിക്കാവുന്നതാണ്.

ജെന്നിഫർ ക്രിയിൻ എഴുതിയ ലേഖനം എഡിറ്റു ചെയ്തത് ജെറമി ഗിർാർഡ് 5/5/17.