Proč byste se měli vyvarovat používání vnořených tabulek

Vnořené tabulky zpomalí vaše webové stránky dolů

Webové stránky se musí stahovat rychle, ale vnořené tabulky mohou zpomalit proces. Nedovolte, aby vám někdo řekl, že více lidí používá širokopásmový nebo vysokorychlostní internet, takže se nemusíte obávat, jak rychle se vaše stránky načítají. S množstvím obsahu na webu, stránky nebo stránky, které se načítají pomalu, budou mít méně návštěvníků než jedna, která se rychle načítá. Rychlost je velmi důležitá.

Co je vnořená tabulka?

Vnořená tabulka je tabulka HTML, která má uvnitř další tabulku. Například:




sloupec 1
sloupec 2
sloupec 3

Sloupec 1




vnořený sloupec sloupce 1
vnořený sloupec tabulky 2



Sloupec 3

Sloupec 1
Sloupec 2
Sloupec 3

Vnořené tabulky způsobují, že se stránky stahují pomaleji

Jediný stůl na webové stránce nebude způsobit, že stránka bude stahovat pomaleji (v rámci důvodu). Ale v okamžiku, kdy vložíte jeden stůl do jiného stolu, je pro prohlížeč komplikovanější, aby se stránka načtela pomaleji. A čím více tabulek jste vložili do sebe, tím pomalejší bude stránka načíst.

Když vytvoříte stránku s tabulkami, mějte na paměti, že čím více tabulek jsou v tabulkách, tím pomalejší bude stránka načíst. Obvykle se při načítání stránky prohlížeč spustí v horní části HTML a načte jej postupně dolů po stránce. Však s vnořenými tabulkami musí najít konec tabulky, než může zobrazit celou věc.

Tabulky pro rozvržení

Neměli byste používat tabulky pro rozložení na vašich webových stránkách. Takřka vždy vyžadují použití vnořených tabulek, takže webová stránka tabulkového rozložení se bude načítat pomaleji než stejný návrh vykreslovaný v CSS.

Také, pokud se pokoušíte psát platný XHTML, tabulky by se neměly používat pro rozvržení vůbec. Tabulky jsou pro tabulková data (například tabulky), nikoliv pro rozvržení. Místo toho byste měli používat CSS pro rozložení. CSS návrhy rychlejší a pomáhají udržovat platnou XHTML.

Navrhování rychlejších zatěžovacích tabulek

Pokud navrhnete tabulku s více řádky, může se často načítat rychleji, pokud zapíšete každý řádek jako samostatnou tabulku. Můžete například napsat tabulku takto:




horní řádek

levý sloupec
pravý sloupec

Ale pokud jste napsali stejnou tabulku jako dvě tabulky, zdálo by se, že se načítá rychleji, protože prohlížeč by vykreslil první a poté vykreslil druhou, spíše než vykreslit celou tabulku najednou. Trikem je zajistit, aby každý stolek měl stejné šířky a jiné styly (jako polstrování, okraje a hranice).



horní řádek




levý sloupec
pravý sloupec

Převedení vnořených tabulek do jedné tabulky

Možná máte pocit, že to všechno jsou dobré informace, ale máte tabulku, která musí obsahovat další tabulku. Zatímco to může být pravda, často můžete převést vnořené tabulky do o něco složitějších samostatných tabulek pomocí atributů a atributů na buňkách tabulky. Například ve vnořené tabulce v horní části, mohu převést to do jediné tabulky s pouze atribut colspan :





sloupec 1
colspan = "2" > sloupec 2
sloupec 3

Sloupec 1
vnořený sloupec sloupce 1
vnořený sloupec tabulky 2
Sloupec 3

Sloupec 1
colspan = "2" > Sloupec 2
Sloupec 3

Tato tabulka má také výhodu, že používá méně znaků než vnořená tabulka, takže se díky tomu bude stahovat i rychleji.