HTML 5 റഫറൻസ് - HTML 5 ടേംസ് അക്ഷരമാലാക്രമത്തിൽ

പഴയ HTML ഘടകങ്ങളും HTML5- ൽ പുതിയവയും ഉൾപ്പെടുന്നു

വികസനം വളരെ വർഷങ്ങൾക്കു മുമ്പേ ആരംഭിച്ചപ്പോൾ, ആദ്യം തന്നെ വെബ് ഡിസൈനർമാർക്കും ഡവലപ്പേഴ്സുമായി 2010-ലും ആദ്യമായാണ് പൊതുപ്രവേശനത്തിന് തുടക്കമിടുന്നത്. ഗേറ്റ് നിന്നുതുടങ്ങിയത്, നിരവധി വെബ് പ്രൊഫഷണലുകൾക്ക് ഭാഷക്ക് പരിചയമുണ്ടായിരുന്നു, കാരണം എല്ലാം ആദ്യം മുതൽ, അതിനു മുമ്പേ നിർമിച്ചതാണ്. HTML 4.01 അറിയാവുന്ന ആർക്കും പെട്ടെന്ന് മനസ്സിലായി, ആ പതിപ്പിനെല്ലാം ഇപ്പോൾ HTML5- ൽ കണ്ടെത്താവുന്നതാണ്.

HTML ൽ കുറച്ചുകാലത്തേക്ക് HTML- ൽ വളരെയധികം ഘടകങ്ങൾ അടങ്ങിയിട്ടുണ്ട്, ഇത് HTML5- ൽ പുതിയതായ ഒരു പിടി ഉൾക്കൊള്ളുകയും ചെയ്തു. ഈ പുതിയ മൂലകങ്ങളിൽ പലതിനും, "പാവങ്ങൾ പവിർ" എന്ന ഒരു സമീപനം ഉപയോഗിച്ചു. ഐടിയിൽ സാധാരണയായി ഉപയോഗിക്കുന്ന ഒരു പദമാണിത്, ഇതിനകം ആളുകൾ എന്താണ് ചെയ്യുന്നത് എന്ന് നോക്കാനും അത് ചെയ്യാനും ഇതിനെയാണ്. വെബ് ഡിസൈനർമാരുടെ കാര്യത്തിൽ, അവർ ഇതിനകം പേജുകൾ എങ്ങനെയാണ് സൃഷ്ടിക്കുന്നതെന്നും ആ പ്രവർത്തനങ്ങളിൽ പുതിയ ഘടകങ്ങളെ അടിസ്ഥാനമാക്കിയുള്ള തീരുമാനങ്ങളെക്കുറിച്ചും കാണുന്നതിനാണ് ഉദ്ദേശിച്ചത്. ഉദാഹരണത്തിന്, പല വെബ് പ്രൊഫഷനലുകളും "header", "nav", "footer" എന്നിവയുടെ ID അല്ലെങ്കിൽ ക്ലാസ്സ് ആട്രിബ്യൂട്ടുകൾ ഉപയോഗിക്കുന്ന ഡിവിഷനുകൾ ഉപയോഗിച്ച് വെബ്സൈറ്റ് നിർമ്മിക്കും. പുതിയ കാര്യങ്ങളെ HTML5 അവതരിപ്പിച്ചു, വെബ് പ്രൊഫഷണലുകൾ അവരുടെ ഡിഗ്രിക്ക് പകരം സമർപ്പിത വിഭാഗീകരണ ഘടകങ്ങൾ ഉപയോഗിച്ച് അവയുടെ പ്രമാണങ്ങൾക്ക് കൂടുതൽ അർഥം നൽകുന്നു. വെബ് ഡിസൈൻ വ്യവസായത്താൽ വേഗത്തിൽ സ്വീകരിക്കാൻ HTML5- നെ സഹായിച്ചിട്ടുണ്ട്.

HTML5 ഡോക് ടൈപ്

ആദ്യം, നിങ്ങളുടെ പുതിയ HTML5 ഘടകങ്ങൾ ഉപയോഗിക്കുന്നതിന്, നിങ്ങളുടെ പ്രമാണത്തിൽ HTML5 ഡോക് ടൈപ്പ് ഉൾപ്പെടണം:

ഈ ഡോക്യുമെന്റ് "HTML5" എന്ന് പ്രത്യേകം സൂചിപ്പിച്ചിട്ടില്ലെന്ന് മാത്രമല്ല, അത് "html" എന്ന് ലളിതമായി പ്രസ്താവിക്കുകയും ചെയ്യുന്നു. ഇതുകൊണ്ടാണ് ഈ ഡോക്ടിപ്പ് ഭാഷയുടെ എല്ലാ നവീകരണങ്ങൾക്കും മുന്നോട്ടുപോകാൻ ഉദ്ദേശിച്ചിട്ടുള്ളത് എന്നതിനാലാണ്.

വാസ്തവത്തിൽ, ഭാവിയിൽ സ്ഥിരമായി അടിസ്ഥാനത്തിൽ പുതിയ മാറ്റങ്ങൾ ചേർക്കുന്നതോടെ, ഭാഷയുടെ അവസാന അക്കമിട്ട പതിപ്പായി HTML5 കണക്കാക്കപ്പെടുന്നു. വാസ്തവത്തിൽ, 2010-ലെ പ്രാരംഭത്തിലുള്ള പുഷ്തിന് ശേഷം, താഴെയുള്ള പട്ടികയിലെ ചില ഘടകങ്ങൾ ഭാഷയിലേക്ക് ചേർത്തു!

HTML5 ടാഗുകൾ

ടാഗുചെയ്യുക വിശദീകരണം
ആങ്കർ അല്ലെങ്കിൽ ലിങ്ക്
സംഗ്രഹം
<വിലാസം> പ്രമാണത്തിന്റെ വിലാസമോ എഴുത്തുകാരനോ
ക്ലയന്റ് സൈഡ് ഇമേജ് മാപ്പ്
ലേഖനം
ടാന്ഷണല് ഉള്ളടക്കം
ഓഡിയോ സ്ട്രീം
ധീരമായ
പ്രമാണത്തിലെ ഘടകങ്ങൾക്കുള്ള അടിസ്ഥാന URI പാത്തുകൾ
ബൈ-ഡയറിക്ക് ആൽഗോരിതം
നീണ്ട ഉദ്ധരണികൾ
പേജിന്റെ ബോഡി

ലൈൻ ബ്രേക്ക്
HTML ഫോം ബട്ടൺ
ഡൈനാമിക് ഗ്രാഫിക്സിനുള്ള ക്യാൻവാസ്
അഭിപ്രായം
<അടിക്കുറിപ്പ്> പട്ടികയുടെ തലക്കെട്ട്
ഉദ്ധരണി
കോഡ് റഫറൻസ്
പട്ടിക നിര
പട്ടിക നിര ഗ്രൂപ്പിംഗ്
പേജിൽ കമാൻഡ് അല്ലെങ്കിൽ നടപടി
പ്രമാണം തരം നിർവചനം
ഡാറ്റ ഗ്രിഡ്
മറ്റ് നിയന്ത്രണങ്ങൾക്കുള്ള മുൻകൂർ ഓപ്ഷനുകൾ
നിർവ്വചനം ലിസ്റ്റിന്റെ വിവരമോ വ്യാഖ്യാനത്തിന്റെ വിവരമോ
ടെക്സ്റ്റ് ഇല്ലാതാക്കി
അധികമായ ആവശ്യക വിവരങ്ങൾ
നിർവ്വചനം
<ഡയലോഗ്> സംഭാഷണം
ലോജിക്കൽ ഡിവിഷൻ
വിവരണ ലിസ്റ്റ്
നിർവചനം ലിസ്റ്റ് അല്ലെങ്കിൽ ഡയലോഗ് സ്പീക്കർ
ഊന്നിപ്പറയല്
പ്ലഗിന്നുകൾക്കായി ഉൾച്ചേർത്ത ഘടകം
ഫോം നിയന്ത്രണങ്ങൾ ഗ്രൂപ്പ്
ഒരു ഘടകം ഉപയോഗിക്കുന്ന അടിക്കുറിപ്പ്
ഓപ്ഷണൽ അടിക്കുറിപ്പ് ഉപയോഗിച്ച് ചിത്രം
പേജിന്റെ അടിക്കുറിപ്പ്
ഫോം

ആദ്യതല തലക്കെട്ട്

രണ്ടാം ലെവൽ തലക്കെട്ട്

മൂന്നാംതലത്തിലെ തലക്കെട്ട്

നാലാം തലത്തിലെ തലക്കെട്ട്
അഞ്ചാമത്തെ ലെവൽ തലക്കെട്ട്
ആറാമത്തെ ലെവൽ തലക്കെട്ട്
പ്രമാണം തലവൻ
ഒരു പേജിന്റെ ഹെഡ്ഡർ
തലക്കെട്ട് ഗ്രൂപ്പ്

തിരശ്ചീന റൂൾ
ഒരു വെബ് പേജിന്റെ റൂട്ട് ഘടകം
ഇറ്റാലിക്സ് വാചക ശൈലി