നിങ്ങളുടെ വെബ് ഡിസൈൻ വിദ്യാഭ്യാസത്തിൽ നിങ്ങൾ ആദ്യം മനസിലാക്കാൻ കഴിയുന്ന ഒരു ടാഗുകൾ "ഊന്നൽ ടാഗുകൾ" എന്നറിയപ്പെടുന്ന ഒരു ജോടി ടാഗുകളാണ്. ഈ ടാഗുകൾ എന്തൊക്കെയാണെന്നും വെബ് രൂപകൽപ്പനയിൽ ഇന്നുപയോഗിക്കുന്നതെങ്ങനെ എന്നും നോക്കാം.
XHTML ലേക്ക് തിരികെ
HTML5 വർഷങ്ങൾ മുൻപ് HTML പഠനത്തിനു മുമ്പുതന്നെ നിങ്ങൾ മനസ്സിലാക്കിയിട്ടുണ്ടെങ്കിൽ, നിങ്ങൾ കടുപ്പമേറിയതും ഇറ്റാലിക്സും ഉപയോഗിക്കേണ്ടതുണ്ട്. നിങ്ങൾ പ്രതീക്ഷിച്ചതുപോലെ, ഈ ടാഗുകൾ യഥാക്രമം ബോൾഡ് ടെക്സ്റ്റുകളായി അല്ലെങ്കിൽ ഇറ്റാലിക്സ് ചെയ്ത പാഠത്തിലേക്ക് മാറ്റി. ഈ ടാഗുകൾക്കുള്ള പ്രശ്നം, എന്തിനാണ് അവർ പുതിയ ഘടകങ്ങളെ (ഉടൻ നോക്കട്ടെ) നോക്കിക്കാണാൻ ശ്രമിക്കുന്നത് എന്തിനാണ്, അവർ സെമാന്റിക് ഘടകങ്ങളല്ല. ടെക്സ്റ്റിനേക്കുറിച്ചുള്ള വിവരത്തേക്കാൾ ടെക്സ്റ്റ് നോക്കിയാൽ എങ്ങനെ എന്ന് അവർ നിർവ്വചിക്കുന്നു. സ്മരിക്കുക, HTML (ഈ ടാഗുകൾ എഴുതുന്നത് എവിടെയാണ്) ഘടനയെക്കുറിച്ചുള്ളതാണ്, വിഷ്വൽ ശൈലി അല്ല! നിങ്ങളുടെ വെബ്പേജുകളിൽ ശൈലിയിലും ഘടനയിലും വ്യക്തമായ വേർതിരിവ് ഉണ്ടായിരിക്കണമെന്ന് CSS- ന്റെയും വെബ് ഡിസൈൻ മികച്ച സമ്പ്രദായങ്ങളുടെയും വിഷ്വലുകൾ കൈകാര്യം ചെയ്യുന്നു. അർത്ഥമാക്കുന്നത് അർത്ഥമാക്കുന്നത്, അർത്ഥമാക്കുന്നത്, ഘടനയെക്കാൾ വിദഗ്ധ രൂപമാണ്. അതുകൊണ്ടാണ് ബോള്ഡ്, ഇറ്റാലിക്സ് ടാഗുകൾക്ക് പകരം (ബോള്ഡിന് വേണ്ടി) ഊന്നിപ്പറഞ്ഞത് (ഇറ്റാലിക്സിനു വേണ്ടി).
& lt; strong & gt; & lt; em & gt;
ശക്തവും പ്രാധാന്യം അർഹിക്കുന്ന കാര്യങ്ങളും നിങ്ങളുടെ വാചകത്തിലേക്ക് വിവരങ്ങൾ ചേർക്കുന്നു, വ്യത്യസ്തമായി കണക്കാക്കേണ്ട ഉള്ളടക്കത്തെ വിശദീകരിച്ച് ആ ഉള്ളടക്കം സംസാരിക്കപ്പെടുമ്പോൾ ഊന്നിപ്പറയുന്നു. കഴിഞ്ഞ കാലങ്ങളിൽ നിങ്ങൾ ബോഡുകളും ചെറുകപ്പുകളുപയോഗിച്ചായിരിക്കും ഉപയോഗിക്കുമെന്ന് തോന്നുന്നത്. നിങ്ങളുടെ വാചകം തുറക്കുന്നതും അടയ്ക്കുന്നതുമായ ടാഗുകൾ ഉപയോഗിച്ച് ( കൂടാതെ പ്രാഥമികത്തിനായി , ശക്തമായ ഊന്നലിനായി) ചുറ്റുമുള്ള പാഠം പ്രാധാന്യം നൽകും.
നിങ്ങൾക്ക് ഈ ടാഗുകൾ കൂടുണ്ടാക്കാം, ബാഹ്യ ടാഗുകൾ ഏതൊക്കെയാണെങ്കിലും അതിൽ കാര്യമില്ല. ചില ഉദാഹരണങ്ങൾ ഇവിടെയുണ്ട്.
ഈ ടെക്സ്റ്റ് ഊന്നിപ്പറഞ്ഞിരിയ്ക്കപ്പെടുന്നു മിക്ക ബ്രൗസറികളും ഇറ്റാലിക്സിനെ കാണിക്കും. ഈ ടെക്സ്റ്റ് ശക്തമായി പ്രാധാന്യം നൽകി കൂടാതെ മിക്ക ബ്രൗസറുകളും അതിനെ ബോൾഡ് തരമായി പ്രദർശിപ്പിക്കും.ഈ രണ്ട് ഉദാഹരണങ്ങളിലും, ഞങ്ങൾ HTML ഉപയോഗിച്ച് വിഷ്വൽ ലുക്ക് നിർദ്ദേശിക്കുകയില്ല. അതെ, ടാഗിന്റെ സ്ഥിരസ്ഥിതി രൂപത്തിൽ ഇറ്റാലിക്സ് ആയിരിക്കുകയും ധൈര്യമാവുകയും ചെയ്യും, പക്ഷേ ആ നോട്ടം സിഎസ്എസിൽ എളുപ്പത്തിൽ മാറ്റാം. ഇതാണ് ലോകത്തിലെ ഏറ്റവും മികച്ചത്. നിങ്ങളുടെ രേഖയിൽ സ്ട്രക്ചർ അല്ലെങ്കിൽ ബോൾഡ് ടെക്സ്റ്റ് ലൈനുകൾ ക്രോഡീകരിക്കാതെ ഘടനയും ശൈലിയും മിഴിവ് ചെയ്യാൻ നിങ്ങൾക്ക് സ്ഥിരസ്ഥിതി ബ്രൌസർ ശൈലികളെ സ്വാധീനിക്കാൻ കഴിയും. ടെക്സ്റ്റ് ബോൾഡ് ആയിരിക്കണമല്ല, ചുവപ്പ് ആകുന്നതിനു വേണ്ടിയാണ്, അത് നിങ്ങൾക്ക് CSS- ലേക്ക് ചേർക്കാൻ ആഗ്രഹമുണ്ടെന്ന് പറയുക
ശക്തമായ {
നിറം: ചുവപ്പ്;
}
ഈ ഉദാഹരണത്തിൽ, ഡിഫോൾട്ട് ആയതിനാൽ നിങ്ങൾ ബോള്ഡ് ഫോണ്ട്-വെയ്റ്റിനായി ഒരു വസ്തു ചേർക്കേണ്ടതില്ല. നിങ്ങൾ അത് ഒഴിവാക്കാൻ ആഗ്രഹിക്കുന്നില്ലെങ്കിൽ, നിങ്ങൾക്ക് എല്ലായ്പ്പോഴും ഇതിലേക്ക് ചേർക്കാം:
ശക്തമായ {
ഫോണ്ട്-വെയ്റ്റ്: ബോൾഡ്;
നിറം: ചുവപ്പ്;
}
ടാഗ് ഉപയോഗിക്കുന്നിടത്ത്, ബോൾഡ് (ചുവപ്പ്) ടെക്സ്റ്റ് ഉള്ള ഒരു പേജ് നിങ്ങൾക്ക് ഉണ്ടായിരിക്കുമെന്നത് ഇപ്പോൾ നിങ്ങൾക്കാകും.
ഊന്നൽ നൽകി ഇരട്ടിക്കുക
നിങ്ങൾ വർഷത്തിൽ ശ്രദ്ധിച്ച കാര്യം നിങ്ങൾ ഊന്നിപ്പറയാൻ ശ്രമിച്ചാൽ എന്തുസംഭവിക്കും എന്നതാണ്. ഉദാഹരണത്തിന്:
ഈ വാചകത്തിന് കടുപ്പിച്ചതും ഇറ്റാലിക്സും വാചകം അതിനുള്ളിൽ ഉണ്ടായിരിക്കണം.ധൈര്യവും ഇറ്റാലിക്സും ആയ വാചകം ഉള്ള ഒരു വാചകം ഈ ലൈനിന് ഉണ്ടാവുമെന്ന് നിങ്ങൾ വിചാരിക്കും. ചിലപ്പോൾ ഇതു സംഭവിക്കും, പക്ഷെ ചില ബ്രൗസറുകൾ രണ്ടു പ്രാധാന്യശൈലിയുടെ രണ്ടാമത്തെ ബഹുമാനം മാത്രമേ കാണിച്ചിട്ടുള്ളത്, സംശയാസ്പദമായ ഒരു വാചകത്തിന് ഏറ്റവും അടുത്തതാണ്, ഇതിനെ ഇറ്റാലിക്സ് എന്ന് മാത്രം കാണിക്കുക. ഞാൻ പ്രധാന ടാഗുകൾക്ക് ഇരട്ടിപ്പിക്കാത്തതിൻറെ ഒരു കാരണം ഇതാണ്.
ഇത് ഒഴിവാക്കാൻ മറ്റൊരു കാരണം സ്റ്റൈലിസ്റ്റിക്കായ ആവശ്യകതയാണ്. സാധാരണയായി നിങ്ങൾക്ക് സജ്ജീകരിക്കാൻ താൽപ്പര്യമുള്ള ടോണിനെ അറിയിക്കുന്നതിനായി ഒരു ഫോം പ്രാധാന്യം നൽകുന്നു. നിങ്ങൾക്ക് ധൈര്യമായി, ഇറ്റാലിക്സൈസ് ചെയ്ത, കളർ, വലുതാക്കുക, പാഠം അടിവരയിട്ട് ആവശ്യമില്ല. ആ വാചകം, എല്ലാ തരത്തിലുമുള്ള പ്രാധാന്യം എടുക്കും. പ്രാധാന്യം നൽകിക്കൊണ്ട് ഊന്നൽ ടാഗുകൾ അല്ലെങ്കിൽ CSS ശൈലികൾ ഉപയോഗിക്കുമ്പോൾ ഇത് ശ്രദ്ധാലുക്കളോടെ ശ്രദ്ധിക്കുക.
ബോള്ഡ്, ഇറ്റാലിക്സ് എന്നിവയെ കുറിച്ചുള്ള ഒരു കുറിപ്പ്
ഒരു അന്തിമ ചിഹ്നം - ഊന്നൽ മൂലകങ്ങളായി ഉപയോഗിക്കുന്നതിനായി ബോൾഡ് (), ഇറ്റാലിക്സ് () ടാഗുകൾ മേലിൽ ശുപാർശ ചെയ്യപ്പെടുന്നില്ല, ഈ ടാഗുകളെ വാചകത്തിന്റെ ഇൻലൈൻ ഏരിയകൾക്കായി ഉപയോഗിക്കുന്ന ചില വെബ് ഡിസൈനർമാർ ഉണ്ട്. അടിസ്ഥാനപരമായി, അവ ഒരു ഘടകത്തെ പോലെ ഉപയോഗിക്കുന്നു. ഇത് വളരെ ലളിതമാണ്, കാരണം ടാഗുകൾ വളരെ ഹ്രസ്വമാണ്, എന്നാൽ ഈ രീതികളുപയോഗിച്ച് ഇത് സാധാരണയായി ശുപാർശ ചെയ്യുന്നില്ല. ചില സൈറ്റുകൾ ബോൾഡ് അല്ലെങ്കിൽ ഇറ്റാലിക്ക് ചെയ്ത വാചകം സൃഷ്ടിക്കുന്നില്ല എന്നു മാത്രമല്ല, മറ്റ് തരത്തിലുള്ള ദൃശ്യ സ്റ്റൈലിംഗിനുള്ള ഒരു CSS ഹുക്ക് സൃഷ്ടിക്കാനും ഇത് നിങ്ങളെ സഹായിക്കുന്നു.
ജെന്നിഫർ ക്രിയിൻ എഴുതിയ ലേഖനം എഡിറ്റു ചെയ്തത് ജെറമി ഗിർാർഡ് 12/2/16 ന്.