Co byste měli vědět o vnořených tabulkách

click fraud protection

Webové stránky je třeba stahovat rychle, ale vnořené tabulky mohou proces zpomalit. Nedovolte, aby vám někdo řekl, že více lidí používá širokopásmové připojení nebo vysokorychlostní internet, takže si nemusíte dělat starosti s tím, jak rychle se vaše stránky načítají. S množstvím obsahu na webu bude mít stránka nebo web, který se načítá pomalu, méně návštěvníků než ten, který se načítá rychle. Rychlost je důležitá, zejména u mobilních připojení, která mohou být omezena na datové rychlosti 2G nebo 3G.

Co je vnořená tabulka?

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

Prohlížeč zobrazující ukázkový kód v předchozím příkladu vnořené tabulky.

Vnořené tabulky způsobují pomalé stahování stránek

Jedna tabulka na webové stránce nezpůsobí pomalejší stahování stránky. Když ale vložíte jednu tabulku do jiné tabulky, vykreslování prohlížeče se zkomplikuje, takže se stránka načítá pomaleji. A čím více tabulek vnoříte, tím pomaleji se stránka načte.

Normálně, když se stránka načte, prohlížeč se spustí v horní části HTML a načte ji postupně dolů po stránce. U vnořených tabulek však musí najít konec tabulky, aby mohla zobrazit celou věc. Důvod, proč se vykreslování zpomaluje, je ten, že prohlížeč musí dokument HTML iterovat ještě jednou.

instagram viewer

Tabulky pro rozvržení

Když píšete platný XHTML, tabulky by se pro rozložení neměly používat. Tabulky jsou pro tabulková data jako jsou tabulky, ne pro design stránky. Místo toho byste měli pro rozložení použít CSS -CSS designy vykreslit rychleji a pomoci vám udržovat platný XHTML.

Navrhování tabulek pro rychlejší načítání

Pokud navrhujete tabulku s několika řádky, může se často načíst rychleji, pokud každý řádek napíšete jako samostatnou tabulku.

Ale pokud jste napsali stejnou tabulku jako dvě tabulky, zdálo by se, že se načítá rychleji, protože prohlížeč vykreslí první a poté vykreslí druhou, místo aby vykreslil celou tabulku najednou. Trik je zajistit, aby každá tabulka měla identické šířky a jiné styly (jako je výplň, okraje a ohraničení).

Převod vnořených tabulek do jedné tabulky

Přeměňte vnořené tabulky na mírně složitější jednotlivé tabulky tím, že budete chytří o atributech jako colspan, které, pokud budou nasazeny opatrně, budou simulovat vzhled vnořené tabulky, aniž by skutečně fungovaly jako jedna.

instagram story viewer