TH, TD എച്ച്ടിഎംഎൽ ടാഗുകൾ തമ്മിലുള്ള വ്യത്യാസം എന്താണ്?

ടേബിളുകൾ വെബ് രൂപകൽപ്പനയിൽ വളരെ മോശം റാപ്പ് നേടുകയുണ്ടായി. പല വർഷങ്ങൾക്കു മുമ്പ്, ലേഔട്ടുകൾക്കായി എച്ച്ടിഎംഎൽ ടേബിളുകൾ ഉപയോഗിച്ചു, അത് അവർ ഉദ്ദേശിച്ചിരുന്നതായിരുന്നില്ല. വെബ്സൈറ്റ് ലേഔട്ടുകൾക്കായി സിഎസ്എസ് ജനപ്രീതിയാർജ്ജിച്ചപ്പോൾ, "ടേബിളുകൾ മോശമാണ്" എന്ന ആശയം പിടികൂടി. ദൗർഭാഗ്യവശാൽ, പലരും തെറ്റിദ്ധരിച്ചത് എച്ച്ടിഎംഎൽ പട്ടികകൾ എല്ലാം മോശമാണ്, എല്ലായ്പ്പോഴും തെറ്റാണ്. അങ്ങനെയല്ല. യാഥാർത്ഥ്യമാണ്, HTML ടേബിളുകൾ തങ്ങളുടെ യഥാർത്ഥ ഉദ്ദേശ്യത്തിനല്ലാതെ മറ്റെന്തെങ്കിലുമൊക്കെ ഉപയോഗിക്കുമ്പോൾ മോശമാണ്, അത് ടാബ്ലറ്റായ ഡാറ്റ (സ്പ്രെഡ്ഷീറ്റുകൾ, കലണ്ടറുകൾ തുടങ്ങിയവ) പ്രദർശിപ്പിക്കലാണ്. നിങ്ങൾ ഒരു വെബ്സൈറ്റ് നിർമ്മിക്കുകയും, ഇത്തരം ഒരു ഡാറ്റാ ഡാറ്റയുള്ള ഒരു പേജ് ഉണ്ടെങ്കിൽ, നിങ്ങളുടെ പേജിൽ ഒരു HTML പട്ടിക ഉപയോഗിക്കുന്നതിന് നിങ്ങൾക്ക് മടിക്കേണ്ടതില്ല.

ലേഔട്ടിനായി HTML പട്ടികകൾ അനുകൂലമായതിനാൽ വർഷങ്ങളിൽ നിങ്ങൾ സൈറ്റുകൾ നിർമ്മിക്കാൻ തുടങ്ങിയാൽ, നിങ്ങൾക്ക് HTML പട്ടികകൾ നിർമ്മിക്കുന്ന മൂലകങ്ങളുമായി പരിചയമുണ്ടാകില്ല. പലയിടത്തേയും ടേപ്പ് മാർക്ക്അപ്പ് കാണാൻ തുടങ്ങുന്ന ഒരു ചോദ്യം ഇതാണ്:

" കൂടാതെ HTML പട്ടിക ടാഗുകൾ തമ്മിലുള്ള വ്യത്യാസം എന്താണ്?"

എന്താണ് ടാഗ്?

ടാഗ് അഥവാ "table data" tag ഒരു HTML പട്ടികയിൽ ഒരു പട്ടിക വരിയിലെ പട്ടിക കളങ്ങൾ സൃഷ്ടിക്കുന്നു. ഇത് ഏതെങ്കിലും വാചകവും ചിത്രങ്ങളും ഉൾക്കൊള്ളുന്ന HTML ടാഗ് ആണ്. അടിസ്ഥാനപരമായി, ഇത് നിങ്ങളുടെ ടേബിളിന്റെ വർക്ക്ഹൗസ് ടാഗുകൾ ആണ്. ടാഗുകളിൽ HTML പട്ടികയുടെ ഉള്ളടക്കം അടങ്ങിയിരിക്കും.

എന്താണ് ടാഗ്

ടാഗ്, അല്ലെങ്കിൽ "ടേബിൾ ഹെഡ്ഡർ", പല തരത്തിൽ പോലെയാണ്. ഇതിൽ സമാനമായ വിവരങ്ങൾ അടങ്ങിയിരിക്കാം (നിങ്ങൾ ഒരു ഇമേജ് ഇട്ടേക്കില്ലെങ്കിലും), എന്നാൽ ആ പ്രത്യേക സെൽ ഒരു ടേബിൾ ഹെഡിനായി നിർവചിക്കുന്നു.

മിക്ക വെബ് ബ്രൌസറുകളും ഫോണ്ട് ബോഡി മാറ്റുന്നതിനായി കളത്തിൽ മാറ്റം വരുത്തുന്നതിന് സഹായിക്കുന്നു. തീർച്ചയായും, ആ പട്ടിക തലക്കെട്ടുകളും നിങ്ങളുടെ ടാഗുകളുടെ ഉള്ളടക്കങ്ങളും ഉണ്ടാക്കാൻ നിങ്ങൾക്ക് CSS ശൈലികൾ ഉപയോഗിക്കാം, അവയെല്ലാം നൽകിയിട്ടുള്ള വെബ്പേജിൽ നിങ്ങൾ കാണാൻ ആഗ്രഹിക്കുന്ന ഏതെങ്കിലും രീതിയിൽ നോക്കുക.

നിങ്ങൾ & lt; th & gt; പകരം & lt; td & gt;

ആ കോവലിലേക്കോ വരിയിലേക്കോ ഒരു തലക്കെട്ടായി സെല്ലിൽ നിങ്ങൾ ഉള്ളടക്കം രൂപപ്പെടുത്താൻ ആഗ്രഹിക്കുമ്പോൾ ടാഗ് ഉപയോഗിക്കേണ്ടതാണ്. പട്ടിക ഹെഡ്ഡർ സെല്ലുകൾ സാധാരണയായി പട്ടികയുടെ മുകൾ ഭാഗത്ത് അല്ലെങ്കിൽ വശത്ത് കാണാം - അടിസ്ഥാനപരമായി, നിരകളുടെ മുകളിലുള്ള തലക്കെട്ടുകളോ തലക്കെട്ടിലേക്കോ തലക്കെട്ടിലോ തുടർച്ചയായി തലക്കെട്ടുകളുടെയോ ആരംഭം. താഴെയുള്ള ഉള്ളടക്കം അല്ലെങ്കിൽ അവയിലുടനീളം എന്താണെന്നത് നിർവചിക്കുന്നതിന് ഈ ശീർഷകങ്ങൾ ഉപയോഗിക്കുന്നത്, മേശയും അതിന്റെ ഉള്ളടക്കങ്ങളും വേഗത്തിൽ അവലോകനം ചെയ്യുന്നതും പ്രോസസ്സുചെയ്യുന്നതും എളുപ്പമാക്കുന്നു.

നിങ്ങളുടെ സെല്ലുകൾ രൂപപ്പെടുത്തുന്നതിന് ഉപയോഗിക്കരുത് . കാരണം ബ്രൌസറുകൾ വ്യത്യസ്തമായി പട്ടിക ഹെഡ്ഡർ സെല്ലുകളെ പ്രദർശിപ്പിക്കാം, ചില അലസമായ വെബ് ഡിസൈനർമാർക്ക് ഇത് പ്രയോജനപ്പെടുത്താൻ ശ്രമിക്കാം, കൂടാതെ ഉള്ളടക്കങ്ങൾ ഡോൾഡായും കേന്ദ്രീകൃതമാകുമ്പോഴും ടാഗ് ഉപയോഗിക്കുകയും ചെയ്യാം. നിരവധി കാരണങ്ങളാൽ ഇത് മോശമാണ്:

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