Použijte tabulky pro data, ne rozvržení v XHTML
Tabulková data jsou pouze údaje obsažené v tabulce. V HTML je to obsah, který žije v buňkách tabulky - tedy co je mezi značkami
Nejlepší využití tabulky je však pro zobrazení dat.
Podle W3C:
"Model tabulky HTML umožňuje autorům uspořádat data do textu, předformátovaného textu, obrázků, odkazů, formulářů, polí formuláře, jiných tabulek atd. Do řádků a sloupců buněk."
Zdroj: Úvod do tabulek ze specifikace HTML 4.
Klíčovým slovem v této definici jsou data . Na začátku historie webového designu byly tabulky upraveny jako nástroje, které pomáhají vytyčovat a řídit, jak a kde se bude zobrazovat obsah webové stránky. To by mohlo někdy vést k špatnému zobrazení v různých prohlížečích, v závislosti na tom, jak prohlížeče zpracovávaly tabulky, takže to nebyla vždy elegantní metoda designu.
Avšak vzhledem k tomu, že webový design pokročil a s nástupem kaskádových stylových listů (CSS) , potřeba použití tabulek pro hrubou správu prvků návrhu stránky ustoupila. Model tabulky není vytvořen jako způsob, jak autorům webu manipulovat s rozvržením webové stránky nebo změnit, jak vypadá s buňkami, hranicemi nebo barvami pozadí .
Kdy používat tabulky k zobrazení obsahu
Pokud obsah, který chcete umístit na stránku, je informace, které byste očekávali, že se budou zobrazovat spravované nebo sledované v tabulce, pak se tento obsah téměř jistě hodí pro prezentaci v tabulce na webové stránce.
Pokud chcete mít pole záhlaví v horní části sloupců dat nebo vlevo od řádků dat, je to tabulkové a použijte tabulku.
Pokud obsah má smysl v databázi, obzvláště velmi jednoduchou databázi, a chcete zobrazit data a neudělat to docela, pak je tabulka přijatelná.
Když tabulky Nepoužívat pro zobrazení obsahu
Vyhněte se použití tabulek v situacích, kdy není účelem samotného přenosu samotného obsahu dat.
Tabulky nepoužívejte, pokud:
- Hlavním účelem tabulky je umístit obsah na stránku. Chcete-li například přidat rozteč kolem obrázku, umístit ikony odrážky do seznamu nebo přinutit blok textu, aby se choval jako vytažení nabídky.
- Chcete-li použít barvy nebo obrázky na pozadí, prostě zkuste rozšířit stránku spíše než vytočit data. Například zvýraznění každého dalšího řádku tabulky je v pořádku, ale změna pouze v pravém horním okraji, protože to, že je odpovídá pozadí stránky, není.
- Vyříznete snímek a poté umístíte obrazy zpět na stránku pomocí tabulky. Toto bylo velmi běžné před několika lety, ale již se nepovažuje za správné.
Nebojte se z tabulky
Je docela možné vytvořit webovou stránku, která používá tabulky s velmi kreativní podobou. Tabulky jsou důležitou součástí specifikace XHTML a učení se správně zobrazovat tabulkové údaje je důležitou součástí tvorby webových stránek.