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 tabulky 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 návrhy rozvržení - návrhy CSS, které budou rychlejší a pomohou vám 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 stůl musí mít další tabulku vnořenou v něm. 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 pouze s colspan atribut:
Sloupec 1 colspan = "2" > Sloupec 2 Sloupec 3 Sloupec 1 vnořený sloupec tabulky 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.
