Távolítsa el a funkcionális helyeket a HTML táblázatokban

Ha táblázatokat használ az oldal elrendezéséhez - egy nem-no-ot az XHTML -ben - valószínűleg megtapasztalhatja az extra helyek csúnya hozzáadását az elrendezésekben. A probléma kijavításához ellenőriznie kell a HTML-táblázatok definícióját és az irányító stíluslap specifikumát.

HTML táblázat meghatározása

A táblázatok HTML-címkéje alapértelmezés szerint nem ellenőrzi bizonyos távolsági követelményeknek. Ellenőrizze három dolgot a táblázatcímkéjén belül a HTML-dokumentumban:

  1. A táblázatban a cellpadding attribútum értéke 0?
    1. cellpadding = "0"
  2. A táblázatban a cellapiac attribútum értéke 0?
    1. cellspacing = "0"
  3. Van-e szóköz a tartalom és az asztal címkéi előtt vagy után?

A 3. szám a kicker. Sok HTML-szerkesztő szereti, ha a kód mindegyike ki van választva, hogy könnyen olvasható legyen. De sok böngésző értelmezi azokat a füleket, tereket és kocsikat, amelyek a kívánt táblákon belül nagyobb térrel rendelkeznek. Megszabadulhat a címkéket körülvevő fehérségektől, és annál élesebb táblázatokat fogsz kapni.

Stíluslapok

Azonban nem lehet a HTML, amely ki van kapcsolva. A lépcsőzetes stíluslapok vezérlik a táblázatok egyes megjelenítési attribútumait, és az oldaltól függően előfordulhat, hogy nem vagy szándékosan hozzáadta a táblázatos CSS-t.

Vizsgálja meg a szabályozó CSS-fájlt a táblázatban, a th vagy td tulajdonságokban lévő alábbi értékek bármelyikéhez, és szükség szerint módosítsa:

alternatívák

Bár továbbra is használhat HTML táblázatokat - a szabvány jól megalapozott és általánosan támogatott a mai böngészőkben - a legkorszerűbb válaszadóképes webes megoldás olyan lépcsős stíluslapokat használ, amelyek elemeket helyeznek el egy oldalon. A táblázatoknak még mindig értelme van a táblázatos adatok megjelenítésének eredeti szándékával, de az oldal elrendezésének és tartalmának megszervezéséhez sokkal jobb a CSS-elrendezés használata.