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

Tabulková data jsou jednoduše data obsažená v tabulce. v HTML, je to obsah, který žije v buňkách tabulky - tj. co je mezi.

nebo.

značky. Obsahem tabulky mohou být čísla, text,

a jejich kombinace; a další tabulka může být dokonce vnořena do buňky tabulky.

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

Podle W3C:

„Model tabulky HTML umožňuje autorům uspořádat data - text, předformátovaný text, obrázky, odkazy, formuláře, pole formulářů, další tabulky atd. - do řádků a sloupců buněk.“ 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 přizpůsobeny jako nástroje, které pomáhají rozvržení a řízení toho, jak a kde se bude obsah webové stránky objevovat. To by mohlo někdy vést ke špatnému zobrazení v různých prohlížečích, v závislosti na tom, jak prohlížeče zacházely s tabulkami, takže to nebylo vždy elegantní metodou designu.

Jak však webdesign pokročil a s příchodem kaskádové styly (CSS), odpadla nutnost používat tabulky k hrubé správě prvků návrhu stránky. Model tabulky není vyvíjen jako způsob, jak by autoři webu mohli manipulovat s rozvržením webové stránky nebo změnit, jak bude vypadat s buňkami, ohraničeními nebo

instagram viewer
barvy pozadí.

Kdy použít tabulky k zobrazení obsahu

Pokud obsah, který chcete umístit na stránku, jsou informace, které byste očekávali, že uvidíte spravované nebo sledované v tabulku, pak se tento obsah téměř jistě dobře hodí k prezentaci v tabulce na webové stránce.

Pokud budete mít pole záhlaví v horní části sloupců dat nebo nalevo od řádků dat, pak je tabulka a měla by se použít tabulka.

Pokud má obsah smysl v databázi, zejména ve velmi jednoduché databázi, a chcete pouze zobrazit data a ne je udělat hezká, pak je tabulka přijatelná.

Kdy nepoužívat k zobrazení obsahu tabulky

Nepoužívejte tabulky v situacích, kdy účelem není jednoduše sdělit samotný datový obsah.

Nepoužívejte tabulky, pokud:

  • Hlavním účelem tabulky je umístit obsah na stránku. Například přidat mezery kolem obrázku, umístit ikony odrážek na seznam nebo vynutit, aby blok textu fungoval jako úvodní nabídka.
  • Chcete použít barvy pozadí nebo obrázky jednoduše k rozšíření stránky, nikoli k vyvolání dat. Například zvýraznění všech ostatních řádků tabulky je v pořádku, ale změna pouze buněk v pravém horním rohu, protože díky nim se shodují s pozadím stránky, není.
  • Rozřezáváte obrázek a poté pomocí tabulky vložíte kousky obrázku zpět dohromady na stránku. To bylo před několika lety velmi běžné, ale již se to nepovažuje za správné.

Nebojte se tabulek

Je docela možné vytvořit webovou stránku, která používá tabulkově velmi kreativní tabulky. Tabulky jsou důležitou součástí specifikace XHTML a naučení se dobře zobrazovat tabulková data je důležitou součástí vytváření webových stránek.

instagram story viewer