Miksi kannattaa välttää upotettujen taulukoiden käyttäminen

Sisäkkäiset taulukot hidasta Web-sivuja alaspäin

Web-sivujen on ladattava nopeasti, mutta sisäkkäiset taulukot voivat hidastaa prosessia. Älä anna kenenkään kertoa, että useammat ihmiset käyttävät laajakaistayhteyttä tai nopeaa Internetiä, joten sinun ei tarvitse huolehtia siitä, kuinka nopeasti sivusi ladataan. Web-sisällön määrällä sivu tai sivusto, joka latautuu hitaasti, tulee olemaan vähemmän kävijöitä kuin nopeasti ladattava. Nopeus on erittäin tärkeä.

Mikä on sisäkkäinen taulukko?

Sisäkkäinen taulukko on HTML-taulukko, jossa on toinen taulukko sen sisällä. Esimerkiksi:




Sarake 1
Sarake 2
Sarake 3

Sarake 1




sisäkkäinen taulukon sarake 1
sisäkkäinen taulukon sarake 2



Sarake 3

Sarake 1
Sarake 2
Sarake 3

Sisäkkäiset taulukot aiheuttavat sivuja lataamaan hitaammin

Web-sivun yksittäinen taulukko ei aiheuta sivun lataamista hitaammin (syystä). Mutta kun laitat yhden taulukon toiseen taulukkoon, se muuttuu entistä monimutkaisemmaksi selaimen tekemiseksi, joten sivu latautuu hitaammin. Ja useampia taulukoita, jotka olet upotettu toisiinsa, hitaampi sivu latautuu.

Kun luot taulukon sisältävän sivun, pidä mielessä, että mitä enemmän taulukoissa olevia taulukoita hitaampi sivu latautuu. Normaalisti, kun sivu latautuu, selain alkaa HTML: n yläosassa ja lataa sen alas sivulle alaspäin. Sisäkkäisten taulukoiden on kuitenkin löydettävä taulukon loppu ennen kuin se voi näyttää koko asian.

Taulukoita layoutille

Sinun ei pitäisi käyttää taulukoita ulkoasuun Web-sivuillasi. Ne vaativat lähes aina, että käytät sisäkkäisiä pöytiä, joten taulukkoasettelun Web-sivu latautuu hitaammin kuin sama CSS: ssä muotoiltu muotoilu.

Lisäksi, jos yrität kirjoittaa voimassaolevaa XHTMLia, taulukoita ei pitäisi käyttää ulkoasuun lainkaan. Taulukot ovat taulukkotietoihin (kuten laskentataulukoihin), ei layoutiin. Sen sijaan sinun pitäisi käyttää CSS-mallia , kun CSS- mallit muuttuvat nopeammin ja auttavat ylläpitämään voimassa olevaa XHTMLia.

Suoritetaan nopeammin ladattavien taulukoiden suunnittelu

Jos suunnittelet useita rivejä sisältävän taulukon, se voi usein ladata nopeammin, jos kirjoitat jokaisen rivin erillisenä taulukkona. Voit esimerkiksi kirjoittaa tällaisen taulukon:




ylärivi

vasemmanpuoleinen sarake
oikea sarake

Mutta jos kirjoitit saman taulukon kuin kaksi taulukkoa, se näyttäisi latautuvan nopeammin, koska selain tekisi ensimmäisen ja sitten toisen, sen sijaan, että koko taulukko näytettäisiin kerralla. Pelin tarkoituksena on varmistaa, että jokaisella pöydällä on samanlaiset leveydet ja muut tyylit (kuten pehmuste, marginaalit ja reunat).



ylärivi




vasemmanpuoleinen sarake
oikea sarake

Sisäkkäisten taulukoiden muuntaminen yhteen taulukkoon

Saatat tuntea, että kaikki tämä on hyvää tietoa, mutta sinulla on taulukko, johon on sisällytettävä toinen taulukko. Vaikka tämä voi olla totta, usein voit muuntaa sisäkkäisiä taulukoita hieman monimutkaisemmiksi yksittäisiksi taulukoiksi käyttämällä taulukon solujen ja attribuutteja. Esimerkiksi yläosassa olevasta sisäkkäisestä taulukosta voin muuntaa tämän yhdeksi taulukoksi, jossa on vain colspan- attribuutti:





Sarake 1
colspan = "2" > Sarake 2
Sarake 3

Sarake 1
sisäkkäinen taulukon sarake 1
sisäkkäinen taulukon sarake 2
Sarake 3

Sarake 1
colspan = "2" > Sarake 2
Sarake 3

Tässä taulukossa on myös hyötyä siitä, että käytät vähemmän merkkejä kuin sisäkkäisessä taulukossa, joten se latautuu nopeammin myös sen takia.