Webpagina's moeten snel downloaden, maar geneste tabellen kunnen het proces vertragen. Laat niemand u vertellen dat meer mensen breedband of high-speed internet gebruiken, dus u hoeft zich geen zorgen te maken over hoe snel uw pagina's worden geladen. Met de hoeveelheid inhoud op het web krijgt een pagina of site die langzaam laadt minder bezoekers dan een pagina die snel wordt geladen. Snelheid is erg belangrijk.
Wat is een genestte tabel?
Een geneste tabel is een HTML-tabel met een andere tabel erin. Bijvoorbeeld:
Kolom 1 Kolom 2 Kolom 3 Kolom 1
geneste tabelkolom 1 geneste tabelkolom 2 Kolom 3 Kolom 1 Kolom 2 Kolom 3
Geneste tabellen zorgen ervoor dat pagina's langzamer worden gedownload
Een enkele tabel op een webpagina zorgt er niet voor dat de pagina langzamer download (binnen redelijke grenzen). Maar op het moment dat u een tabel in een andere tabel zet, wordt het ingewikkelder om de browser te renderen, dus de pagina laadt langzamer. En hoe meer tabellen u in elkaar hebt genest, hoe langzamer de pagina wordt geladen.
Wanneer u een pagina met tabellen maakt, moet u er rekening mee houden dat hoe meer tabellen binnen tabellen staan, hoe langzamer de pagina wordt geladen. Normaal begint de browser bij het laden van een pagina bovenaan de HTML en wordt deze achter de pagina geladen. Bij geneste tabellen moet het echter het einde van de tabel vinden voordat het het hele ding kan weergeven.
Tabellen voor lay-out
Gebruik geen tabellen voor opmaak op uw webpagina's. Ze vereisen bijna altijd dat je geneste tabellen gebruikt, dus een webpagina met een webpagina wordt trager geladen dan hetzelfde ontwerp dat in CSS wordt gerenderd.
Als u een geldig XHTML probeert te schrijven, moeten tabellen ook helemaal niet worden gebruikt voor lay-out. Tabellen zijn voor tabelgegevens (zoals spreadsheets), niet voor lay-out. In plaats daarvan moet u CSS gebruiken om layout-CSS-ontwerpen sneller weer te geven en u te helpen geldige XHTML te behouden.
Snellere laadtabellen ontwerpen
Als u een tabel met meerdere rijen ontwerpt, kan deze vaak sneller laden als u elke rij als een afzonderlijke tabel schrijft. U kunt bijvoorbeeld een tabel als deze schrijven:
bovenste rij linker kolom rechterkolom
Maar als je dezelfde tabel als twee tabellen hebt geschreven, lijkt het sneller te laden, omdat de browser de eerste rendert en vervolgens de tweede rendert, in plaats van de hele tabel in één keer weer te geven. De truc is om ervoor te zorgen dat elke tabel identieke breedtes en andere stijlen heeft (zoals opvulling, marges en randen).
bovenste rij
linker kolom rechterkolom
Geneste tabellen in één tabel omzetten
Je hebt misschien het gevoel dat dit allemaal goede informatie is, maar je hebt een tabel moet laat een andere tabel erin genest. Hoewel dit waar kan zijn, kunt u vaak geneste tabellen converteren naar iets complexere afzonderlijke tabellen met behulp van de en attributen in uw tabelcellen. Bijvoorbeeld, in de geneste tabel bovenaan, kan ik dit converteren naar een enkele tabel met alleen de colspan attribuut:
Kolom 1 colspan = "2" > Kolom 2 Kolom 3 Kolom 1 geneste tabelkolom 1 geneste tabelkolom 2 Kolom 3 Kolom 1 colspan = "2" > Kolom 2 Kolom 3
Deze tabel heeft ook het voordeel van het gebruik van minder tekens dan de geneste tabel, dus het zal daardoor ook sneller worden gedownload.
