Miért ne kerüljön el az egymásba ágyazott táblák használatára?

Az egymásba ágyazott táblák lassítják weboldalainkat

A weboldalakat gyorsan kell letölteni, de a beágyazott táblák lelassíthatják a folyamatot. Ne hagyja, hogy bárki megmondja, hogy több ember használ szélessávú vagy nagysebességű internetet, így nem kell aggódnia, hogy milyen gyorsan töltenek be oldalakat. A webes tartalom mennyisége miatt egy olyan oldal vagy webhely, amely lassan töltődik, kevesebb látogatót fog elérni, mint a gyors betöltő. A sebesség nagyon fontos.

Mi a beágyazott tábla?

A beágyazott táblázat HTML-táblázat, amelyen belül egy másik táblázat található. Például:




1. oszlop
2. oszlop
3. oszlop

1. oszlop




beágyazott táblázat 1. oszlopa
beágyazott táblázat 2. oszlopa



3. oszlop

1. oszlop
2. oszlop
3. oszlop

Az egymásba ágyazott táblák okai az oldalak lassabb letöltéséhez

Egy weblap egyetlen táblázata nem okozza az oldal lassabb letöltését (az okon belül). De attól a pillanattól kezdve, amikor egy táblát helyez el egy másik asztalhoz, akkor bonyolultabbá válik a böngésző megjelenítéséhez, így az oldal lassabban töltődik be. És minél több egymásba ágyazott táblázatot, annál lassabb lesz az oldal betöltése.

Amikor létrehoz egy oldalt tartalmazó táblát, ne feledje, hogy minél több táblázat található a táblázatban, annál lassabb lesz az oldal betöltése. Normális esetben, amikor egy oldal betöltődik, a böngésző a HTML tetején kezdődik, és soronként betölti az oldalt. Azonban beágyazott táblázatok esetén meg kell találnia az asztal végét, mielőtt megjelenítené a teljes dolgot.

Táblázatok az elrendezéshez

Nem szabad asztalokat használni az elrendezéshez a weboldalain. Szinte mindig szükségessé teszik, hogy beágyazott táblázatokat használjon, így egy táblázatos elrendezésű weblap lassabban töltődik be, mint a CSS-ben megjelenített ugyanazon terv.

Továbbá, ha érvényes XHTML-t szeretne írni, akkor az asztalokat egyáltalán nem lehet elrendezésre használni. A táblázatok táblázatos adatokhoz (pl. Táblázatokhoz), nem pedig elrendezéshez. Ehelyett a CSS- t használja az elrendezéshez a CSS- tervek gyorsabb megjelenítéséhez és az érvényes XHTML fenntartásához.

Gyorsabb betöltési táblák tervezése

Ha több sorral rendelkező táblát tervezel, akkor gyakran gyorsabban töltődik be, ha minden sort külön táblázatként ír. Például írhat ilyen táblázatot:




felső sor

bal oldali oszlop
jobb oldali oszlop

De ha ugyanazt a táblázatot írta, mint két táblázat, akkor úgy tűnik, hogy gyorsabban töltődik be, mert a böngésző először rendezi majd az elsőt, majd a második rendszert, nem pedig az egész táblát egyszerre. A trükk annak biztosítása, hogy minden asztal azonos szélességű és más stílusokkal (pl. Padding, margók és határok) legyen.



felső sor




bal oldali oszlop
jobb oldali oszlop

Az egymásba ágyazott táblázatok átmásolása egy táblázatba

Úgy érzed, hogy mindez jó információ, de van egy asztalod, amelynek másik táblája beágyazódik benne. Habár ez igaz lehet, gyakran beágyazott táblázatokat alakíthatunk egy kicsit bonyolultabb egy táblázatokba az asztalcellák és attribútumok használatával. Például a tetején lévő beágyazott táblázatban ezt a táblázatot egyetlen colspan attribútummal tudom alakítani:





1. oszlop
colspan = "2" > 2. oszlop
3. oszlop

1. oszlop
beágyazott táblázat 1. oszlopa
beágyazott táblázat 2. oszlopa
3. oszlop

1. oszlop
colspan = "2" > 2. oszlop
3. oszlop

Ennek a táblázatnak az is előnye, hogy kevesebb karaktert használ, mint a beágyazott táblázatot, ezért gyorsabban is letölthető.