Použite tabuľky pre dáta, nie rozloženie v XHTML
Tabuľkové údaje sú len údaje obsiahnuté v tabuľke. V HTML je to obsah, ktorý žije v bunkách tabuľky, tj čo je medzi značkami
Najlepšie využitie tabuľky je však na zobrazenie údajov.
Podľa W3C:
"Model tabuľky HTML umožňuje autorom usporiadať do riadkov a stĺpcov buniek údajový text, predformátovaný text, obrázky, odkazy, formuláre, polia formulárov, iné tabuľky atď."
Zdroj: Úvod do tabuliek zo špecifikácie HTML 4.
Kľúčovým slovom v tejto definícii sú údaje . Na začiatku histórie webového dizajnu boli tabuľky prispôsobené ako nástroje, ktoré pomáhajú rozložiť a kontrolovať, ako a kde sa bude zobrazovať obsah webovej stránky. To by mohlo niekedy viesť k zlej zobrazovaniu v rôznych prehliadačoch, v závislosti od toho, ako prehliadače spracovávali tabuľky, takže to nebolo vždy elegantnou metódou návrhu.
Vzhľadom na to, že dizajn webových stránok pokročil a s príchodom kaskádových štýlov (CSS) , nevyhnutnosť použitia tabuliek na hrubú správu prvkov dizajnu stránok odpadla. Model tabuľky nie je vyvinutý ako spôsob, akým weboví autori môžu manipulovať s rozložením webovej stránky alebo meniť, ako to bude vyzerať s bunkami, hranicami alebo farbami pozadia .
Kedy používať tabuľky na zobrazenie obsahu
Ak obsah, ktorý chcete umiestniť na stránku, je informácie, ktoré by ste očakávali, že sa zobrazia spravované alebo sledované v tabuľke, potom sa tento obsah takmer určite zapisuje do prezentácie v tabuľke na webovej stránke.
Ak chcete mať polia hlavičky v hornej časti stĺpcov údajov alebo naľavo od riadkov údajov, potom je to tabuľkové a treba použiť tabuľku.
Ak je obsah zmysluplný v databáze, obzvlášť veľmi jednoduchú databázu a stačí zobraziť dáta a nie urobiť pekné, potom je tabuľka prijateľná.
Keď sa nepoužívajú tabuľky na zobrazenie obsahu
Vyhnite sa používaniu tabuliek v situáciách, keď účelom nie je jednoducho prenášať samotný obsah dát.
Tabuľky nepoužívajte, ak:
- Hlavným účelom tabuľky je umiestnenie obsahu na stránke. Napríklad pridať medzery okolo obrázka, umiestniť ikony odrážok do zoznamu alebo vynútiť blok textu, aby sa správal ako vytiahnutá cenová ponuka.
- Chcete použiť farby alebo obrázky pozadia jednoducho na zväčšenie stránky a nie na vyvolanie dát. Napríklad zvýraznenie každého ďalšieho riadku tabuľky je v poriadku, ale zmena iba pravých horných buniek, pretože to, že sa zhodujú s pozadím stránky, nie je.
- Vyrezávate obrázok a potom umiestnite obrazové diely späť na stránku pomocou tabuľky. Toto bolo veľmi bežné pred niekoľkými rokmi, ale už sa nepovažuje za správne.
Nebojte sa tabuľky
Je celkom možné vytvoriť webovú stránku, ktorá používa tabuľkové dáta s veľmi kreatívnym vzhľadom. Tabuľky sú dôležitou súčasťou špecifikácie XHTML a učenie sa dobre zobrazovať tabuľkové údaje je dôležitou súčasťou tvorby webových stránok.