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 Stĺpec 2 Stĺpec 3 Stĺpec 1
stĺpec vnorenej tabuľky 1 stĺpec 2 vnorenej tabuľky 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 dizajny rozloženia - CSS, ktoré budú robiť rýchlejšie a pomôže 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:
vrchný rad ľ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).
vrchný rad
ľ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 stôl musieť mať v ňom 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 premeniť to na jednu tabuľku len s colspan atribút:
Stĺpec 1 colspan = "2" > Stĺpec 2 Stĺpec 3 Stĺpec 1 stĺpec vnorenej tabuľky 1 stĺpec 2 vnorenej tabuľky 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.
