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äisen taulukon sarake 1 sisäkkäisen 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: n layout-CSS-mallien tekemistä nopeammin ja auttaa sinua säilyttämään voimassaoleva XHTML.
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:
ylin rivi vasen 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).
ylin rivi
vasen sarake oikea sarake
Sisäkkäisten taulukoiden muuntaminen yhteen taulukkoon
Saatat tuntea, että kaikki tämä on hyvää tietoa, mutta sinulla on taulukko on pakko on toinen taulukko upotettu siihen. 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 määrite:
Sarake 1 colspan = "2" > Sarake 2 Sarake 3 Sarake 1 sisäkkäisen taulukon sarake 1 sisäkkäisen 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.
