നിങ്ങളുടെ HTML ടേബിളുകളിൽ ഫങ്കി സ്പെയ്സസ് പോസ് ചെയ്യുന്നു

നിങ്ങൾ പേജ് ലേഔട്ടിനായി ടേബിളുകൾ ഉപയോഗിക്കുന്നു- XHTML ൽ ഒരു നോൺ-ഇല്ല , വഴി നിങ്ങളുടെ ലേഔട്ടുകളിൽ അധികമുള്ള അധിക സ്ഥലം നിങ്ങൾക്ക് അനുഭവപ്പെടും. ഈ പ്രശ്നം പരിഹരിക്കാൻ നിങ്ങൾ നിങ്ങളുടെ HTML ടേബിളിൻറെ നിർവ്വചനവും ഏതെങ്കിലും ഗവർണൻ ശൈലി ഷീറ്റിന്റെ പ്രത്യേകതകളും പരിശോധിക്കേണ്ടതുണ്ട്.

HTML പട്ടിക നിർവ്വചനം

ചില സ്പെയ്സിംഗ് ആവശ്യകതകൾക്ക് സ്ഥിരസ്ഥിതിയായി ടേബിളുകൾക്കായുള്ള HTML ടാഗ് നിയന്ത്രിക്കുന്നില്ല. നിങ്ങളുടെ HTML പ്രമാണത്തിനുള്ളിലെ പട്ടികയെക്കുറിച്ചുള്ള മൂന്ന് കാര്യങ്ങൾ പരിശോധിക്കുക:

1. നിങ്ങളുടെ പട്ടികയിൽ സെൽപാഡിംഗ് ആട്രിബ്യൂട്ട് 0 ആയി സജ്ജമാക്കിയോ?
   1. cellpadding = "0"
2. നിങ്ങളുടെ പട്ടികയിൽ സെൽ സ്പേസിംഗ് ആട്രിബ്യൂട്ട് 0 ആയി സജ്ജമാക്കിയതാണോ?
   1. cellspacing = "0"
3. നിങ്ങളുടെ ഉള്ളടക്കത്തിനും ടേബിളിന്റെ ടാഗുകൾക്കും മുമ്പോ അതിനു ശേഷമോ സ്ഥലമോ ഉണ്ടോ?

നമ്പർ 3 കിക്കറാണ്. പല HTML എഡിറ്ററുകളും വായിക്കാൻ എളുപ്പമുള്ള കോഡ്, അതിനായി സ്പെഡ് ചെയ്ത കോഡ് ഉണ്ടായിരിക്കണം. എന്നാൽ പല ബ്രൌസറുകളും ആ ടാബുകൾ, സ്പെയ്സുകൾ, കാരിയൽ റിട്ടേണുകൾ എന്നിവ നിങ്ങളുടെ ടേബിളുകളിൽ ആവശ്യമുള്ള അധിക ഇടമായി വ്യാഖ്യാനിക്കുന്നു. നിങ്ങളുടെ ടാഗുകൾക്ക് ചുറ്റുമുള്ള വൈറ്റ്സ്പെയ്സ് ഒഴിവാക്കുക, നിങ്ങൾക്ക് സ്പ്രിയർ ടേബിളുകൾ ഉണ്ടാകും.

സ്റ്റൈൽ ഷീറ്റുകൾ

എന്നിരുന്നാലും, ഇത് ഓഫ് ചെയ്തേക്കില്ല. കാസ്കേഡിംഗ് ശൈലി ഷീറ്റുകൾ ടേബിളുകളുടെ ചില പ്രദർശന ആട്രിബ്യൂട്ടുകളെ നിയന്ത്രിക്കുകയും പേജിൽ ആശ്രയിക്കുകയും ചെയ്യുന്നു, നിങ്ങൾ ആദ്യം അല്ലെങ്കിൽ മനഃപൂർവ്വം പട്ടിക-നിർദ്ദിഷ്ട CSS ചേർത്തിട്ടുണ്ടാവില്ല.

പട്ടികയിൽ ഉള്ള, താഴെപ്പറയുന്ന ഏതെങ്കിലും മൂല്യങ്ങൾക്കായി , എന്റർ അല്ലെങ്കിൽ td പ്രോപ്പർട്ടികൾക്ക് പരിശോധിക്കുകയും ആവശ്യാനുസരണം ക്രമീകരിക്കുകയും ചെയ്യുക:

• ബോർഡിലെ പട്ടിക അല്ലെങ്കിൽ സെൽ ബോർഡസിന്റെ ആട്രിബ്യൂട്ടുകൾ വ്യക്തമാക്കുന്നു
• ബോർഡർ വീതമുള്ള തനിപ്പകർപ്പ് ഒഴിവാക്കുന്നതിന്, അതിരുകൾക്കുള്ളതുപോലെ അതിർത്തി ചുരുങ്ങുന്നു
• പാഡിംഗ് , ഓരോ സെല്ലിലും ഓരോ പിക്സലിലും ശൂന്യസ്ഥലമാണ്
• ടെക്സ്റ്റ്-അലൈൻ കോശത്തിനുള്ളിൽ ടെക്സ്റ്റിന്റെ വിന്യാസം നിർണ്ണയിക്കുന്നു
• ബോർഡറുകളിൽ സെൽസുകൾക്കിടയിലുള്ള സ്പെയ്സിംഗ് സെറ്റ് സ്പേസിങ്ങ് സെറ്റ് ചെയ്യുന്നു

ഇതരമാർഗ്ഗങ്ങൾ

നിങ്ങൾക്ക് ഇപ്പോഴും HTML ടേബിളുകൾ ഉപയോഗിക്കാമെങ്കിലും -നിലവാരം ഇന്നത്തെ ബ്രൌസറുകളിൽ നന്നായി സ്ഥാപിതവും സാർവലൗകികമായി പിന്തുണയും ആണ്- ഏറ്റവും ആധുനിക പ്രതികരിച്ച വെബ് ഡിസൈൻ ഒരു പേജിലെ ഘടകങ്ങൾ സ്ഥാപിക്കുന്നതിന് കാസ്കേഡിംഗ് ശൈലി ഷീറ്റുകൾ ഉപയോഗിക്കുന്നു. പട്ടികവർഗ്ഗ ഡാറ്റ പ്രദർശിപ്പിക്കുന്നതിന്റെ ഉദ്ദേശ്യത്തിനുവേണ്ടിയുള്ള ടേബിളുകൾ ഇപ്പോഴും അർത്ഥമാക്കുന്നു, എന്നാൽ ഒരു പേജിന്റെ ലേഔട്ടും ഓർഗനൈസേഷനും സംഘടിപ്പിക്കുന്നതിന്, നിങ്ങൾ CSS ലേഔട്ട് ഉപയോഗിക്കുന്നതിനെക്കാൾ മികച്ചതായിരിക്കും.