നിങ്ങളുടെ പേജിൽ ഡിസൈൻ വിഭാഗങ്ങൾ സൃഷ്ടിക്കുന്നു
നിങ്ങളുടെ ടെക്സ്റ്റ് ക്രമീകരിക്കാനും ഉപകാരപ്രദമായ ഡിവിഷനുകൾ സൃഷ്ടിക്കാനും തിരയൽ എഞ്ചിനുകൾക്കായി നിങ്ങളുടെ വെബ്പേജ് ഒപ്റ്റിമൈസ് ചെയ്യുന്നതിനുള്ള ഉപയോഗപ്രദമായ മാർഗ്ഗമാണ് ഹെഡ്ഡിംഗ്. നിങ്ങൾക്ക് HTML ശീർഷക ടാഗുകൾ ഉപയോഗിച്ച് തലക്കെട്ടുകൾ സൃഷ്ടിക്കാൻ കഴിയും. നിങ്ങളുടെ ടെക്സ്റ്റ് ബോള്ഡ്, ഇറ്റാലിക് ടാഗുകളുപയോഗിച്ച് മാറ്റാം.
ഹെഡ്ഡിംഗ്സ്
നിങ്ങളുടെ ഡോക്കുമന്സായി വേർതിരിക്കുന്നതിനുള്ള ഏറ്റവും ലളിതമായ മാർഗമാണ് തലക്കെട്ട് ടാഗുകൾ. നിങ്ങൾ ഒരു സൈറ്റായി നിങ്ങളുടെ സൈറ്റിനെക്കുറിച്ച് ചിന്തിച്ചാൽ, ഹെഡ്ഡിംഗുകൾ പത്രത്തിന്റെ തലക്കെട്ടാണ്. പ്രധാന തലക്കെട്ട് ഒരു H1 ആണ്, തുടർന്നുള്ള തലക്കെട്ടുകൾ H6 വഴി H2 ആകുന്നു.
HTML സൃഷ്ടിക്കാൻ ഇനിപ്പറയുന്ന കോഡുകൾ ഉപയോഗിക്കുക.
ഇതായിരിക്കും തലക്കെട്ട് 1 h1> ഇതാണ് തലക്കെട്ട് 2 h2> ഇതായിരിക്കും തലക്കെട്ട് 3 h3> 4 എന്നത് തലക്കെട്ട് 4 h4> 5 h5> ഇത് തലക്കെട്ട് 6 h6> ആണ് ഓർമ്മയിൽ സൂക്ഷിക്കുന്നതിനുള്ള നുറുങ്ങുകൾ
- നിങ്ങളുടെ തലക്കെട്ടുകൾ ഒരു ലോജിക്കൽ ഓർഡറായി നിലനിർത്താൻ ശ്രമിക്കുക, H1 മുൻപിലേക്ക് വരുന്ന H2 മുൻപാണ് വരുന്നത്, ഇതിന് H3 മുൻപാണ് വരുന്നത്.
- ശീർഷകങ്ങൾ നോക്കുന്നതിനെപ്പറ്റി വളരെയധികം വിഷമിക്കേണ്ട, ഓർഡർ ക്രമത്തിൽ തലക്കെട്ട് ഉപയോഗിക്കുന്നതിനു പകരം, സ്റ്റൈൽ ഹെഡ് ലൈനുകളിലേക്ക് നിങ്ങൾ CSS ഉപയോഗിക്കണം.
- തലക്കെട്ട് ടാഗുകൾ ബ്ലോക്ക്-ലെവൽ ഘടകങ്ങളാണ് , അതുകൊണ്ട് അവ നിങ്ങൾക്കായി ലൈൻ ബ്രേക്കുകളിൽ ഇടുന്നു. ടാഗുകൾ തലയ്ക്കടിയിൽ പി ടാഗുകൾ ഇടുക ചെയ്യരുത്.
ബോൾഡ്, ഇറ്റാലിക്ക്
ഇതായിരിക്കും തലക്കെട്ട് 3 h3> 4 എന്നത് തലക്കെട്ട് 4 h4> 5 h5> ഇത് തലക്കെട്ട് 6 h6> ആണ് ഓർമ്മയിൽ സൂക്ഷിക്കുന്നതിനുള്ള നുറുങ്ങുകൾ
- നിങ്ങളുടെ തലക്കെട്ടുകൾ ഒരു ലോജിക്കൽ ഓർഡറായി നിലനിർത്താൻ ശ്രമിക്കുക, H1 മുൻപിലേക്ക് വരുന്ന H2 മുൻപാണ് വരുന്നത്, ഇതിന് H3 മുൻപാണ് വരുന്നത്.
- ശീർഷകങ്ങൾ നോക്കുന്നതിനെപ്പറ്റി വളരെയധികം വിഷമിക്കേണ്ട, ഓർഡർ ക്രമത്തിൽ തലക്കെട്ട് ഉപയോഗിക്കുന്നതിനു പകരം, സ്റ്റൈൽ ഹെഡ് ലൈനുകളിലേക്ക് നിങ്ങൾ CSS ഉപയോഗിക്കണം.
- തലക്കെട്ട് ടാഗുകൾ ബ്ലോക്ക്-ലെവൽ ഘടകങ്ങളാണ് , അതുകൊണ്ട് അവ നിങ്ങൾക്കായി ലൈൻ ബ്രേക്കുകളിൽ ഇടുന്നു. ടാഗുകൾ തലയ്ക്കടിയിൽ പി ടാഗുകൾ ഇടുക ചെയ്യരുത്.
ബോൾഡ്, ഇറ്റാലിക്ക്
5 h5> ഇത് തലക്കെട്ട് 6 h6> ആണ് ഓർമ്മയിൽ സൂക്ഷിക്കുന്നതിനുള്ള നുറുങ്ങുകൾ
- നിങ്ങളുടെ തലക്കെട്ടുകൾ ഒരു ലോജിക്കൽ ഓർഡറായി നിലനിർത്താൻ ശ്രമിക്കുക, H1 മുൻപിലേക്ക് വരുന്ന H2 മുൻപാണ് വരുന്നത്, ഇതിന് H3 മുൻപാണ് വരുന്നത്.
- ശീർഷകങ്ങൾ നോക്കുന്നതിനെപ്പറ്റി വളരെയധികം വിഷമിക്കേണ്ട, ഓർഡർ ക്രമത്തിൽ തലക്കെട്ട് ഉപയോഗിക്കുന്നതിനു പകരം, സ്റ്റൈൽ ഹെഡ് ലൈനുകളിലേക്ക് നിങ്ങൾ CSS ഉപയോഗിക്കണം.
- തലക്കെട്ട് ടാഗുകൾ ബ്ലോക്ക്-ലെവൽ ഘടകങ്ങളാണ് , അതുകൊണ്ട് അവ നിങ്ങൾക്കായി ലൈൻ ബ്രേക്കുകളിൽ ഇടുന്നു. ടാഗുകൾ തലയ്ക്കടിയിൽ പി ടാഗുകൾ ഇടുക ചെയ്യരുത്.
ബോൾഡ്, ഇറ്റാലിക്ക്
ഓർമ്മയിൽ സൂക്ഷിക്കുന്നതിനുള്ള നുറുങ്ങുകൾ
- നിങ്ങളുടെ തലക്കെട്ടുകൾ ഒരു ലോജിക്കൽ ഓർഡറായി നിലനിർത്താൻ ശ്രമിക്കുക, H1 മുൻപിലേക്ക് വരുന്ന H2 മുൻപാണ് വരുന്നത്, ഇതിന് H3 മുൻപാണ് വരുന്നത്.
- ശീർഷകങ്ങൾ നോക്കുന്നതിനെപ്പറ്റി വളരെയധികം വിഷമിക്കേണ്ട, ഓർഡർ ക്രമത്തിൽ തലക്കെട്ട് ഉപയോഗിക്കുന്നതിനു പകരം, സ്റ്റൈൽ ഹെഡ് ലൈനുകളിലേക്ക് നിങ്ങൾ CSS ഉപയോഗിക്കണം.
- തലക്കെട്ട് ടാഗുകൾ ബ്ലോക്ക്-ലെവൽ ഘടകങ്ങളാണ് , അതുകൊണ്ട് അവ നിങ്ങൾക്കായി ലൈൻ ബ്രേക്കുകളിൽ ഇടുന്നു. ടാഗുകൾ തലയ്ക്കടിയിൽ പി ടാഗുകൾ ഇടുക ചെയ്യരുത്.
ബോൾഡ്, ഇറ്റാലിക്ക്
നിങ്ങൾ ബോള്ഡ്, ഇറ്റാലിക്ക് എന്നിവയ്ക്കായി ഉപയോഗിക്കാവുന്ന നാല് ടാഗുകൾ ഉണ്ട്:
- കൂടാതെ ബോൾഡിനായി
- കൂടാതെ > ഇറ്റാലിക് വേണ്ടി
നിങ്ങൾ ഉപയോഗിക്കുന്ന കാര്യമല്ല ഇത്. ചിലത് ഉം ഉം ആണെങ്കിലും മിക്ക ആളുകളും "ബോൾഡ്" എന്നതും " സൈറ്റിന്റെ ഓർമ്മക്കുറിപ്പുകൾ എളുപ്പത്തിൽ കണ്ടെത്തുന്നു.
വാചകം ബോൾഡ് അല്ലെങ്കിൽ ഇറ്റാലിക് ചെയ്യുന്നതിന് നിങ്ങളുടെ വാചകം തുറക്കുന്നതും അടയ്ക്കുന്നതുമായ ടാഗുകൾ ഉപയോഗിച്ച് ചുറ്റുക.
ധൈര്യമായി b> ഇറ്റാലിക് i>ഈ ടാഗുകൾ നിങ്ങൾക്ക് സാധിക്കും (അതിനർത്ഥം നിങ്ങൾക്ക് ടെക്സ്റ്റും ബോള്ഡും ഇറ്റാലിക്സും സൃഷ്ടിക്കാൻ കഴിയും എന്നാണ്) അത് പുറത്തെ അല്ലെങ്കിൽ ആന്തരിക ടാഗ് ആണ്.
ഉദാഹരണത്തിന്:
ഈ ടെക്സ്റ്റ് ബോൾഡ് ആണ്
ഈ വാചകം ധൈര്യമാണ് strong>ഈ വാചകം ഇറ്റാലിക്സിൽ ആണ്
ഈ വാചകം ഇറ്റാലിക്സുകൾ em> ആണ്ഈ ടെക്സ്റ്റ് ബോള്ഡ്, ഇറ്റാലിക്സ് എന്നിവയാണ്
ഈ ടെക്സ്റ്റ് ബോള്ഡ്, ഇറ്റാലിക്സില് em> strong> ആണ്എന്തുകൊണ്ടാണ് ബോള്ഡ്, ഇറ്റാലിക്സ് ടാഗുകളുടെ രണ്ട് സെറ്റുകൾ
HTML4- ൽ, , ടാഗുകൾ സ്റ്റൈൽ ടാഗുകളെ പരിഗണിക്കപ്പെട്ടിരുന്നു, അവ വാചകത്തിന്റെ രൂപത്തെ മാത്രം ബാധിക്കുകയും ടാഗിന്റെ ഉള്ളടക്കങ്ങളെക്കുറിച്ച് ഒന്നും പറഞ്ഞിരുന്നില്ല, കൂടാതെ അത് അവരെ മോശം ഫോം ആയി കണക്കാക്കുകയും ചെയ്തു. അതിനുശേഷം, HTML5 ഉള്ളതിനാൽ അവ വാചകത്തിന്റെ പുറത്ത് ഒരു അർത്ഥ വിശകലനത്തിനു നൽകി.
HTML5- ൽ ഈ ടാഗുകൾക്ക് പ്രത്യേക അർത്ഥം ഉണ്ട്:
- ചുറ്റുമുള്ള വാചകത്തേക്കാൾ പ്രാധാന്യമില്ലാത്ത വാചകം സൂചിപ്പിക്കുന്നു, എന്നാൽ സാധാരണ ടൈപ്പോഗ്രാഫിക്ക് അവതരണം ഒരു പ്രമാണത്തിലെ രചനാപ്രാധാന്യം അല്ലെങ്കിൽ ഉൽപ്പന്ന പേരുകളിലുള്ള കീവേഡുകൾ പോലെയുള്ള ബോൾഡ് പാഠമാണ്.
- ചുറ്റുപാടുമായുള്ള വാചകത്തേക്കാൾ പ്രാധാന്യമില്ലാത്ത വാചകം സൂചിപ്പിക്കുന്നു, എന്നാൽ സാധാരണ ടൈപ്പോഗ്രാഫിക്ക് അവതരണം എന്നത് മറ്റൊരു ഭാഷയിൽ പുസ്തകത്തിന്റെ തലക്കെട്ട്, സാങ്കേതിക പദങ്ങൾ അല്ലെങ്കിൽ ശൈലി പോലുള്ള ഇറ്റാലിക്ക് പാഠമാണ്.
- ചുറ്റുമുള്ള വാചകവുമായി താരതമ്യം ചെയ്യുമ്പോൾ ശക്തമായ പ്രാധാന്യം ഉള്ള പാഠം സൂചിപ്പിക്കുന്നു.
- ചുറ്റുമുള്ള വാചകവുമായി താരതമ്യം ചെയ്തുകൊണ്ട് ഒരു ഊർജ്ജസ്വലമായ സമ്മർദ്ദമുള്ള പാഠം സൂചിപ്പിക്കുന്നു.