Prečo by ste sa mali vyhnúť používaniu vnorených tabuliek

Vnorené tabuľky pomaly znižujú vaše webové stránky

Webové stránky sa potrebujú rýchlo stiahnuť, ale vnorené tabuľky môžu spomaliť proces. Nedovoľte, aby vám niekto povedal, že viac ľudí používa širokopásmový alebo vysokorýchlostný internet, takže sa nemusíte obávať, ako rýchlo sa vaše stránky načítajú. S množstvom obsahu na webe stránka alebo stránky, ktoré sa načítavajú pomaly, budú mať menej návštevníkov než jedno, ktoré sa rýchlo načíta. Rýchlosť je veľmi dôležitá.

Čo je vnorená tabuľka?

Vnorená tabuľka je tabuľka HTML, ktorá obsahuje inú tabuľku. Napríklad:








Stĺpec 1




vnorená stĺpcová tabuľka 1
vnorená tabuľka stĺpca 2



Stĺpec 3

Stĺpec 1
Stĺpec 2
Stĺpec 3

Vnorené tabuľky spôsobujú, že stránky sa načítajú pomalšie

Jedna tabuľka na webovej stránke nespôsobí, že sa stránka sťahuje pomalšie (v odôvodnení). Ale v okamihu, keď vložíte jednu tabuľku do inej tabuľky, je pre prehliadač komplikovanejšie, aby sa stránka načítavala pomalšie. A čím viac tabuliek máte v sebe vnorené, tým pomalšie sa načíta stránka.

Keď vytvoríte stránku s tabuľkami, nezabúdajte, že čím viac tabúľ sa nachádzajú v tabuľkách, tým pomalšie sa načíta stránka. Za normálnych okolností sa pri načítaní stránky prehliadač spustí v hornej časti kódu HTML a načíta ju postupne nadol. Avšak so vnorenými tabuľkami musí nájsť koniec tabuľky predtým, ako môže zobraziť celú vec.

Tabuľky pre usporiadanie

Na vaše webové stránky by ste nemali používať tabuľky na usporiadanie . Takmer vždy vyžadujú, aby ste používali vnorené tabuľky, takže webová stránka tabuľkového rozloženia sa bude načítavať pomalšie, než je ten istý návrh vykreslený v CSS.

Tiež, ak sa pokúšate písať platnú XHTML, tabuľky by sa nemali používať na usporiadanie vôbec. Tabuľky sú pre tabuľkové údaje (napríklad tabuľky), nie pre usporiadanie. Namiesto toho by ste mali používať CSS pre rozloženie návrhov -CSS, ktoré sa budú robiť rýchlejšie a pomôžu vám udržiavať platnú XHTML.

Navrhovanie rýchlejších stôp

Ak navrhujete tabuľku s viacerými riadkami, často sa môže načítať rýchlejšie, ak zapíšeme každý riadok ako samostatnú tabuľku. Napríklad by ste mohli napísať takúto tabuľku:




horný riadok

ľavý stĺpec
pravý stĺpec

Ak ste však napísali rovnakú tabuľku ako dve tabuľky, zdá sa, že sa načítajú rýchlejšie, pretože prehliadač by vykresloval prvú a potom vykresľoval druhú, skôr ako vykresliť celú tabuľku naraz. Trikom je zabezpečiť, aby každá tabuľka mala rovnaké šírky a iné štýly (ako polstrovanie, okraje a hranice).



horný riadok




ľavý stĺpec
pravý stĺpec

Konverzia vnorených tabuliek do jednej tabuľky

Možno máte pocit, že toto všetko je dobré informácie, ale máte tabuľku, ktorá musí obsahovať inú tabuľku. Aj keď to môže byť pravda, často môžete konvertovať vnorené tabuľky do o niečo zložitejších samostatných tabuliek pomocou atribútov a atribútov na bunkách tabuľky. Napríklad vo vnorenej tabuľke v hornej časti môžem konvertovať na jednu tabuľku len s atribútom colspan :




colspan = "2" > Stĺpec 2




Stĺpec 1
vnorená stĺpcová tabuľka 1
vnorená tabuľka stĺpca 2
Stĺpec 3

Stĺpec 1
colspan = "2" > Stĺpec 2
Stĺpec 3

Táto tabuľka má tiež výhodu, že používa menej znakov ako vnorená tabuľka, takže sa taktiež stiahne rýchlejšie.