നിങ്ങൾ വളരെ പഴയ ഒരു വെബ്സൈറ്റിൽ നോക്കി എച്ച്ടിഎംഎൽക്കുള്ളിൽ ഒരു അസാധാരണ ടാഗിനെ കണ്ടിട്ടുണ്ടോ? പല വർഷങ്ങൾക്കു മുമ്പ്, വെബ് ഡിസൈനർമാർ അവരുടെ വെബ് താളുകളുടെ അക്ഷരങ്ങളെ HTML ൽത്തന്നെ തന്നെ സജ്ജമാക്കും. പക്ഷേ, കുറച്ചു കാലം മുൻപ്, ഈ ഘടനയിൽ നിന്നും (HTML), ശൈലി (CSS) എന്നിവ വേർതിരിച്ചെടുത്തു.
ഇന്ന് വെബ് രൂപകൽപ്പനയിൽ, ടാഗ് ഒഴിവാക്കിയിരിക്കുന്നു. ഇതിനർത്ഥം ഈ ടാഗും HTML സ്പെസിഫിക്കേഷന്റെ ഭാഗമല്ലെന്നുള്ളതാണ്. ചില ബ്രൌസറുകൾ ഈ ടാഗ് നീക്കം ചെയ്തതിനു ശേഷവും തുടർന്നും പിന്തുണയ്ക്കുന്നുണ്ടെങ്കിലും, HTML5- ൽ അത് ഇനിമുതൽ പിന്തുണയ്ക്കില്ല, അത് നിങ്ങളുടെ ഭാഷയുടെ ഏറ്റവും പുതിയ ആവർത്തനമാണ്. ഇതിനർത്ഥം നിങ്ങളുടെ HTML പ്രമാണങ്ങളിൽ ടാഗ് ഇനി മുതൽ കണ്ടെത്താനാവില്ല എന്നാണ്.
ഫോണ്ട് ടാഗ് ബദൽ
ടാഗ് ഉള്ള HTML പേജിൽ നിങ്ങൾക്ക് ടെക്സ്റ്റിന്റെ ഫോണ്ട് സജ്ജമാക്കാൻ കഴിയുന്നില്ലെങ്കിൽ, നിങ്ങൾ എന്താണ് ഉപയോഗിക്കേണ്ടത്? കാസ്കേഡിംഗ് ശൈലി ഷീറ്റുകൾ (സിഎസ്എസ്) നിങ്ങൾ വെബ്സൈറ്റുകളിൽ ഇന്ന് ഫോണ്ട് ശൈലികൾ (എല്ലാ ദൃശ്യ ശൈലികൾ) സജ്ജമാക്കുന്നു എങ്ങനെ. ടാഗ് ചെയ്യാവുന്ന എല്ലാ കാര്യങ്ങളും CSS ന് ചെയ്യാൻ കഴിയും, കൂടാതെ അതിലും കൂടുതൽ. ഞങ്ങളുടെ HTML പേജുകൾക്കുള്ള ഒരു ഓപ്ഷൻ ആയിരിക്കുമ്പോൾ ടാഗ് ചെയ്യേണ്ടതെങ്ങനെ എന്ന് നമുക്ക് പരിശോധിക്കാം. (ഓർക്കുക, അത് ഇനിമുതൽ പിന്തുണയ്ക്കില്ല, അതിനാൽ ഇത് ഒരു ഓപ്ഷനല്ല) കൂടാതെ CSS ഉപയോഗിച്ച് എങ്ങനെ ഇത് ചെയ്യാം എന്ന് താരതമ്യം ചെയ്യുക.
ഫോണ്ട് ഫാമിലി മാറ്റുന്നു
ഫോണ്ട് ഫോണ്ട് മുഖം അല്ലെങ്കിൽ കുടുംബമാണ്. ഫോണ്ട് ടാഗ് ഉപയോഗിച്ച് ആട്രിബ്യൂട്ട് "ഫെയ്സ്" എന്ന് നിങ്ങൾ ഉപയോഗിക്കും, കൂടാതെ ഓരോ രേഖയ്ക്കും ഓരോ ഫോണ്ടിനേയും ക്രമീകരിക്കാൻ നിരവധി തവണ നിരവധി പ്രമാണങ്ങൾ നിങ്ങൾ പ്രമാണിക്കേണ്ടതുണ്ട്. ആ ഫോണ്ടിലേക്ക് വലിയ മാറ്റമുണ്ടാക്കണമെങ്കിൽ, നിങ്ങൾ ഓരോ വ്യക്തിഗത ടാഗുകളും മാറ്റണം. ഉദാഹരണത്തിന്:
ഈ ഫോണ്ട് sans-serif അല്ലഫോണ്ട് "മുഖം" എന്നതിനു പകരം CSS ൽ, അത് ഫോണ്ട് "കുടുംബം" എന്ന് വിളിക്കുന്നു. ഫോണ്ട് സജ്ജമാക്കുന്ന ഒരു CSS ശൈലി എഴുതുന്നു. ഉദാഹരണത്തിന്, നിങ്ങൾ ഒരു പേജിലെ Garamond- ൽ എല്ലാ വാചകവും സജ്ജമാക്കാൻ താൽപ്പര്യപ്പെടുന്നെങ്കിൽ, നിങ്ങൾക്ക് ഇതുപോലുള്ള ദൃശ്യ ശൈലി ചേർക്കാം:
ശരീരം [ഫോണ്ട്-കുടുംബം: ഗരംമോണ്ട്, ടൈംസ്, സെരിഫ്; }ഈ CSS ശൈലി വെബ്പേജിലെ എല്ലാം എല്ലാം ഗറമോണ്ടിന്റെ ഫോണ്ട് കുടുംബത്തെ ബാധകമാക്കുന്നു, കാരണം പ്രമാണത്തിലെ എല്ലാ ഘടകങ്ങളും അതിന്റെ പിൻതലമുറയാണ്
ഫോണ്ട് കളർ മാറ്റുന്നു
നിങ്ങളുടെ ടെക്സ്റ്റിന്റെ വർണ്ണം മാറ്റുന്നതിന് "മുഖ" എന്ന ആട്രിബ്യൂട്ടും ഹെക്സ് കോഡുകളും അല്ലെങ്കിൽ വർണ്ണ പേരുകളും മുഖേനയും ഉപയോഗിക്കുന്നു. വർഷങ്ങൾക്ക് മുൻപ് നിങ്ങൾ ഇത് ഹെഡ്ഡർ ടാഗ് പോലെ ടെക്സ്റ്റ് മൂലകങ്ങളിൽ വ്യക്തിഗതമായി ക്രമീകരിക്കും.
ഈ ഫോണ്ട് ധൂമ്രവമാണ്ഇന്ന്, നിങ്ങൾ ഒരു CSS വരി എഴുതി.
ഇത് കൂടുതൽ അയവുള്ളതാണ്. നിങ്ങൾ മാറ്റണമെങ്കിൽ
നിങ്ങളുടെ സൈറ്റിന്റെ എല്ലാ പേജിലും, നിങ്ങളുടെ CSS ഫയലിൽ ഒരു മാറ്റം വരുത്താൻ കഴിയും, ആ ഫയൽ ഉപയോഗിക്കുന്ന എല്ലാ പേജുകളും അപ്ഡേറ്റ് ചെയ്യപ്പെടും.
പഴയത് കൊണ്ട്
വെബ് ഡിസൈനർ പല വർഷങ്ങളായി ഒരു സ്റ്റാൻഡേർഡ് സ്റ്റാൻഡേർഡ് സ്റ്റാറ്റസാണ്. അതുകൊണ്ടുതന്നെ ടാഗുകൾ ഇപ്പോഴും ഉപയോഗിക്കുന്ന ഒരു പേജ് നോക്കുകയാണെങ്കിൽ, അത് വളരെ പഴയ പേജാണ്. നിലവിലെ വെബ് സൈറ്റിന് അനുസൃതമായി അത് പുനർപരിശോധിക്കേണ്ടതുണ്ട്. ഡിസൈൻ മികച്ച സമ്പ്രദായങ്ങളും ആധുനിക വെബ് സ്റ്റാൻഡേർഡുകളും.
എഡിറ്റുചെയ്ത ജെറിമി ഗിർാർഡ്