Websider må lastes ned raskt, men nestede tabeller kan redusere prosessen. Ikke la noen fortelle deg at flere bruker bredbånd eller høyhastighets Internett, så du trenger ikke å bekymre deg for hvor raskt sidene dine lastes. Med mengden innhold på nettet, vil en side eller et nettsted som laster sakte, få færre besøkende enn en som laster raskt. Hastighet er veldig viktig.
Hva er et nestet bord?
Et nestet bord er et HTML-tabell som har et annet bord inne i det. For eksempel:
Kolonne 1 Kolonne 2 Kolonne 3 Kolonne 1
nestet tabell kolonne 1 nestet tabell kolonne 2 Kolonne 3 Kolonne 1 Kolonne 2 Kolonne 3
Nestede tabeller fordi sidene skal lastes ned mer sakte
Et enkeltbord på en nettside vil ikke føre til at siden lastes ned sakte (innen grunn). Men når du legger ett bord i et annet bord, blir det mer komplisert for nettleseren å gjengi, slik at siden lastes sakte. Og jo flere bord du har nestet i hverandre, jo tregere blir siden lastet.
Når du oppretter en side med tabeller, må du huske på at jo flere tabeller som ligger innenfor tabeller, jo tregere blir siden lastet. Normalt, når en side laster, starter nettleseren øverst i HTML-filen og laster den sekvensielt ned på siden. Men med nestede tabeller må den finne enden av bordet før den kan vise hele greia.
Tabeller for layout
Du bør ikke bruke tabeller for layout på websidene dine. De krever nesten alltid at du bruker nestede tabeller, så en tabelloppsett-nettside vil lastes sakte enn det samme designet gjengitt i CSS.
Også, hvis du prøver å skrive gyldig XHTML, bør tabeller ikke brukes til layout i det hele tatt. Tabeller er for tabelldata (for eksempel regneark), ikke for layout. I stedet bør du bruke CSS for layout-CSS-design gjøres raskere og hjelper deg med å opprettholde gyldig XHTML.
Designe Faster Loading Tables
Hvis du designer et bord med flere rader, kan det ofte lastes raskere hvis du skriver hver rad som et eget bord. For eksempel kan du skrive et bord som dette:
øverste rad venstre kolonne høyre kolonne
Men hvis du skrev det samme bordet som to tabeller, ser det ut til å laste raskere, fordi nettleseren ville gjengi det første og deretter gjengi det andre, i stedet for å gjøre hele bordet på en gang. Trikset er å sørge for at hver tabell har identiske bredder og andre stilarter (som polstring, marginer og grenser).
øverste rad
venstre kolonne høyre kolonne
Konvertere nestede tabeller til en tabell
Du kan føle at alt dette er god informasjon, men du har et bord som må ha et annet bord nestet i den. Selv om dette kan være sant, kan du ofte konvertere nestede tabeller til litt mer komplekse enkeltbord ved å bruke og attributter på tabellceller. For eksempel, i det nestede bordet på toppen, kan jeg konvertere dette til et enkelt bord med bare colspan Egenskap:
Kolonne 1 colspan = "2" > Kolonne 2 Kolonne 3 Kolonne 1 nestet tabell kolonne 1 nestet tabell kolonne 2 Kolonne 3 Kolonne 1 colspan = "2" > Kolonne 2 Kolonne 3
Denne tabellen har også fordelen av å bruke færre tegn enn det nestede bordet, så det lastes ned raskere på grunn av det også.
