പഴയ HTML ഘടകങ്ങളും HTML5- ൽ പുതിയവയും ഉൾപ്പെടുന്നു
വികസനം വളരെ വർഷങ്ങൾക്കു മുമ്പേ ആരംഭിച്ചപ്പോൾ, ആദ്യം തന്നെ വെബ് ഡിസൈനർമാർക്കും ഡവലപ്പേഴ്സുമായി 2010-ലും ആദ്യമായാണ് പൊതുപ്രവേശനത്തിന് തുടക്കമിടുന്നത്. ഗേറ്റ് നിന്നുതുടങ്ങിയത്, നിരവധി വെബ് പ്രൊഫഷണലുകൾക്ക് ഭാഷക്ക് പരിചയമുണ്ടായിരുന്നു, കാരണം എല്ലാം ആദ്യം മുതൽ, അതിനു മുമ്പേ നിർമിച്ചതാണ്. HTML 4.01 അറിയാവുന്ന ആർക്കും പെട്ടെന്ന് മനസ്സിലായി, ആ പതിപ്പിനെല്ലാം ഇപ്പോൾ HTML5- ൽ കണ്ടെത്താവുന്നതാണ്.
HTML ൽ കുറച്ചുകാലത്തേക്ക് HTML- ൽ വളരെയധികം ഘടകങ്ങൾ അടങ്ങിയിട്ടുണ്ട്, ഇത് HTML5- ൽ പുതിയതായ ഒരു പിടി ഉൾക്കൊള്ളുകയും ചെയ്തു. ഈ പുതിയ മൂലകങ്ങളിൽ പലതിനും, "പാവങ്ങൾ പവിർ" എന്ന ഒരു സമീപനം ഉപയോഗിച്ചു. ഐടിയിൽ സാധാരണയായി ഉപയോഗിക്കുന്ന ഒരു പദമാണിത്, ഇതിനകം ആളുകൾ എന്താണ് ചെയ്യുന്നത് എന്ന് നോക്കാനും അത് ചെയ്യാനും ഇതിനെയാണ്. വെബ് ഡിസൈനർമാരുടെ കാര്യത്തിൽ, അവർ ഇതിനകം പേജുകൾ എങ്ങനെയാണ് സൃഷ്ടിക്കുന്നതെന്നും ആ പ്രവർത്തനങ്ങളിൽ പുതിയ ഘടകങ്ങളെ അടിസ്ഥാനമാക്കിയുള്ള തീരുമാനങ്ങളെക്കുറിച്ചും കാണുന്നതിനാണ് ഉദ്ദേശിച്ചത്. ഉദാഹരണത്തിന്, പല വെബ് പ്രൊഫഷനലുകളും "header", "nav", "footer" എന്നിവയുടെ ID അല്ലെങ്കിൽ ക്ലാസ്സ് ആട്രിബ്യൂട്ടുകൾ ഉപയോഗിക്കുന്ന ഡിവിഷനുകൾ ഉപയോഗിച്ച് വെബ്സൈറ്റ് നിർമ്മിക്കും. പുതിയ കാര്യങ്ങളെ HTML5 അവതരിപ്പിച്ചു, വെബ് പ്രൊഫഷണലുകൾ അവരുടെ ഡിഗ്രിക്ക് പകരം സമർപ്പിത വിഭാഗീകരണ ഘടകങ്ങൾ ഉപയോഗിച്ച് അവയുടെ പ്രമാണങ്ങൾക്ക് കൂടുതൽ അർഥം നൽകുന്നു. വെബ് ഡിസൈൻ വ്യവസായത്താൽ വേഗത്തിൽ സ്വീകരിക്കാൻ HTML5- നെ സഹായിച്ചിട്ടുണ്ട്.
HTML5 ഡോക് ടൈപ്
ആദ്യം, നിങ്ങളുടെ പുതിയ HTML5 ഘടകങ്ങൾ ഉപയോഗിക്കുന്നതിന്, നിങ്ങളുടെ പ്രമാണത്തിൽ HTML5 ഡോക് ടൈപ്പ് ഉൾപ്പെടണം:
ഈ ഡോക്യുമെന്റ് "HTML5" എന്ന് പ്രത്യേകം സൂചിപ്പിച്ചിട്ടില്ലെന്ന് മാത്രമല്ല, അത് "html" എന്ന് ലളിതമായി പ്രസ്താവിക്കുകയും ചെയ്യുന്നു. ഇതുകൊണ്ടാണ് ഈ ഡോക്ടിപ്പ് ഭാഷയുടെ എല്ലാ നവീകരണങ്ങൾക്കും മുന്നോട്ടുപോകാൻ ഉദ്ദേശിച്ചിട്ടുള്ളത് എന്നതിനാലാണ്.
വാസ്തവത്തിൽ, ഭാവിയിൽ സ്ഥിരമായി അടിസ്ഥാനത്തിൽ പുതിയ മാറ്റങ്ങൾ ചേർക്കുന്നതോടെ, ഭാഷയുടെ അവസാന അക്കമിട്ട പതിപ്പായി HTML5 കണക്കാക്കപ്പെടുന്നു. വാസ്തവത്തിൽ, 2010-ലെ പ്രാരംഭത്തിലുള്ള പുഷ്തിന് ശേഷം, താഴെയുള്ള പട്ടികയിലെ ചില ഘടകങ്ങൾ ഭാഷയിലേക്ക് ചേർത്തു!
HTML5 ടാഗുകൾ
ടാഗുചെയ്യുക | വിശദീകരണം |
---|---|
ആങ്കർ അല്ലെങ്കിൽ ലിങ്ക് | |
abbr> | സംഗ്രഹം |
<വിലാസം> address> | പ്രമാണത്തിന്റെ വിലാസമോ എഴുത്തുകാരനോ |
ക്ലയന്റ് സൈഡ് ഇമേജ് മാപ്പ് | |
| ലേഖനം |
ടാന്ഷണല് ഉള്ളടക്കം | |
ഓഡിയോ സ്ട്രീം | |
b> | ധീരമായ |
| പ്രമാണത്തിലെ ഘടകങ്ങൾക്കുള്ള അടിസ്ഥാന URI പാത്തുകൾ |
bdo> | ബൈ-ഡയറിക്ക് ആൽഗോരിതം |
blockquote> | നീണ്ട ഉദ്ധരണികൾ |
body> | പേജിന്റെ ബോഡി |
| ലൈൻ ബ്രേക്ക് |
HTML ഫോം ബട്ടൺ | |
ഡൈനാമിക് ഗ്രാഫിക്സിനുള്ള ക്യാൻവാസ് | |
അഭിപ്രായം | |
<അടിക്കുറിപ്പ്> അടിക്കുറിപ്പ്> | പട്ടികയുടെ തലക്കെട്ട് |
cite> | ഉദ്ധരണി |
code> | കോഡ് റഫറൻസ് |
| പട്ടിക നിര |
| പട്ടിക നിര ഗ്രൂപ്പിംഗ് |
| പേജിൽ കമാൻഡ് അല്ലെങ്കിൽ നടപടി |
പ്രമാണം തരം നിർവചനം | |
| ഡാറ്റ ഗ്രിഡ് |
മറ്റ് നിയന്ത്രണങ്ങൾക്കുള്ള മുൻകൂർ ഓപ്ഷനുകൾ | |
| നിർവ്വചനം ലിസ്റ്റിന്റെ വിവരമോ വ്യാഖ്യാനത്തിന്റെ വിവരമോ |
| ടെക്സ്റ്റ് ഇല്ലാതാക്കി |
details> | അധികമായ ആവശ്യക വിവരങ്ങൾ |
dfn> | നിർവ്വചനം |
<ഡയലോഗ്> ഡയലോഗ്> | സംഭാഷണം |
div> | ലോജിക്കൽ ഡിവിഷൻ |
| വിവരണ ലിസ്റ്റ് |
| നിർവചനം ലിസ്റ്റ് അല്ലെങ്കിൽ ഡയലോഗ് സ്പീക്കർ |
em> | ഊന്നിപ്പറയല് |
പ്ലഗിന്നുകൾക്കായി ഉൾച്ചേർത്ത ഘടകം | |
ഫോം നിയന്ത്രണങ്ങൾ ഗ്രൂപ്പ് | |
| ഒരു |
ഓപ്ഷണൽ അടിക്കുറിപ്പ് ഉപയോഗിച്ച് ചിത്രം | |
പേജിന്റെ അടിക്കുറിപ്പ് | |
ഫോം | |
h1> | ആദ്യതല തലക്കെട്ട് |
h2> | രണ്ടാം ലെവൽ തലക്കെട്ട് |
h3> | മൂന്നാംതലത്തിലെ തലക്കെട്ട് |
h4> | നാലാം തലത്തിലെ തലക്കെട്ട് |
h5> | അഞ്ചാമത്തെ ലെവൽ തലക്കെട്ട് |
h6> | ആറാമത്തെ ലെവൽ തലക്കെട്ട് |
head> | പ്രമാണം തലവൻ |
| ഒരു പേജിന്റെ ഹെഡ്ഡർ |
hgroup> | തലക്കെട്ട് ഗ്രൂപ്പ് |
| തിരശ്ചീന റൂൾ |
html> | ഒരു വെബ് പേജിന്റെ റൂട്ട് ഘടകം |
i> | ഇറ്റാലിക്സ് വാചക ശൈലി |
ഇൻലൈൻ ഫ്രെയിം | |
ഇമേജ് | |
ഇന്പുട്ട് ഫോം ഘടകം | |
<ഇൻപുട്ട് തരം = "ബട്ടൺ"> | ബട്ടൺ ഫോം ഘടകം |
ചെക്ക്ബോക്സ് ഫോം ഘടകം | |
വർണ്ണ ഇൻപുട്ട് | |
ഇൻപുട്ട് തീയതി | |
ആഗോള തീയതിയും സമയവും ഇൻപുട്ട് | |
പ്രാദേശിക സമയവും തീയതിയും ഇൻപുട്ട് | |
ഇമെയിൽ വിലാസ ഇൻപുട്ട് | |
ഫയൽ എലമെന്റ് അപ്ലോഡ് ചെയ്യുക | |
മറച്ച ഫോം ഫീൽഡ് എലമെന്റ് | |
ചിത്ര ഫോം ഘടകം | |
വർഷവും മാസ ഇൻപുട്ടും | |
നമ്പർ ഇൻപുട്ട് | |
പാസ്വേഡ് ഫോം ഘടകം | |
റേഡിയോ ബട്ടൺ ഫോം ഘടകം | |
ഇൻപുട്ട് നമ്പർ ഇൻപുട്ട് | |
ബട്ടൺ ഫോം ഘടകം റീസെറ്റുചെയ്യുക | |
തിരയൽ ഫീൽഡ് | |
ബട്ടൺ ഫോം ഘടകം സമർപ്പിക്കുക | |
ടെലിഫോൺ നമ്പർ ഇൻപുട്ട് | |
വാചക ഫീൽഡ് ഫോം ഘടകം | |
സമയം നൽകുക | |
URL ഇൻപുട്ട് | |
വർഷവും ആഴ്ചയും ഇൻപുട്ട് | |
ins> | വാചകം ചേർത്തു |
kbd> | ഉപയോക്താവിന് നൽകേണ്ട വാചകം |
| സർട്ടിഫിക്കറ്റ് മാനേജ്മെൻറിന് സുരക്ഷിത കീകൾ സൃഷ്ടിക്കുക |
ഫോം ലേബൽ | |
ഫോം ഫാരറ്റ് ക്യാപ്ഷൻ ഫോം ചെയ്യുക | |
| ലിസ്റ്റ് ഇനം |
അനുബന്ധ പ്രമാണങ്ങളിലേക്കുള്ള ലിങ്ക് | |
| ഒരു പേജിലെ ഉള്ളടക്കത്തിന്റെ പ്രധാന ഭാഗം |
ക്ലയന്റ് സൈഡ് ഇമേജ് മാപ്പ് | |
mark> | അടയാളപ്പെടുത്തിയ അല്ലെങ്കിൽ ഹൈലൈറ്റുചെയ്ത വാചകം |
കമാണ്ടുകളുടെ പട്ടിക | |
പ്രമാണത്തെക്കുറിച്ചുള്ള മെറ്റാ വിവരങ്ങൾ | |
| സ്കളാർ ഗേജ് |
നാവിഗേഷൻ ലിങ്കുകൾ ഉള്ള ഒരു പ്രദേശം നിർവ്വചിക്കുക | |
സ്ക്രിപ്റ്റുകൾ ലഭ്യമല്ലെങ്കിൽ ഉള്ളടക്കം | |
<വസ്തു> object> | നിലവാരമില്ലാത്ത വസ്തു |
| ക്രമീകരിച്ച അല്ലെങ്കിൽ അക്കമിട്ട ലിസ്റ്റ് |
തിരഞ്ഞെടുത്ത പട്ടികയിലെ ഓപ്ഷനുകളുടെ ഗ്രൂപ്പ് | |
ഒരു തിരഞ്ഞെടുത്ത ലിസ്റ്റിൽ ഓപ്ഷൻ | |
ഒരു ഫോം കണക്കുകൂട്ടൽ ഫലം | |
p> | ഖണ്ഡിക |
ഒരു ഒബ്ജക്റ്റിലെ ഘടകത്തിന്റെ പാരാമീറ്റർ | |
pre> | മുൻ ഫോർമാറ്റ് ചെയ്ത വാചകം |
<പുരോഗതി> പുരോഗതി> | പുരോഗതി സൂചകം |
q> | ചെറിയ ഇൻലൈൻ ഉദ്ധരണി |
റൂബി പരാന്തിസിസ് | |
റൂബി ടെക്സ്റ്റ് | |
ruby> | റൂബി വ്യാഖ്യാനം |
| ടെക്സ്റ്റ് സ്ട്രൈക്ക് ചെയ്യുക |
samp> | സാമ്പിൾ ഔട്ട്പുട്ട് |