Skip to main content

Použití tabulek v XHTML založeném na standardech

Anonim

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 nebo značky. Obsahem tabulky mohou být čísla, text, obrázky a jejich kombinace; a další tabulka může být dokonce vnořena uvnitř buňky tabulky.

Nejlepší využití tabulky je však pro zobrazení dat.

Podle W3C:

"Model tabulky HTML umožňuje autorům uspořádat do řádků a sloupců buněk data - text, předformátovaný text, obrázky, odkazy, formuláře, pole formuláře, další tabulky apod." Zdroj: Úvod do tabulek ze specifikace HTML 4.

Klíčové slovo v této definici je 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.