Websider skal hentes hurtigt, men indlejrede tabeller kan bremse processen. Lad ikke nogen fortælle dig, at flere mennesker bruger bredbånds- eller højhastighedsinternet, så du behøver ikke bekymre sig om, hvor hurtigt dine sider indlæses. Med mængden af indhold på internettet vil en side eller et websted, der laster langsomt, have færre besøgende end en, der laster hurtigt. Hastighed er meget vigtigt.
Hvad er en indlejret tabel?
En indlejret tabel er en HTML-tabel, der har en anden tabel inde i den. For eksempel:
Kolonne 1 Kolonne 2 Kolonne 3 Kolonne 1
indlejret tabel kolonne 1 indlejret tabel kolonne 2 Kolonne 3 Kolonne 1 Kolonne 2 Kolonne 3
Nestede tabeller, fordi siderne skal hente mere langsomt
Et enkelt bord på en webside medfører ikke, at siden downloades langsommere (inden for grund). Men det øjeblik du sætter et bord i et andet bord, bliver det mere kompliceret for browseren at gøre, så siden lægges langsommere. Og jo flere tabeller du har nestet inde i hinanden, jo langsommere sidder den.
Når du opretter en side med tabeller, skal du huske på, at jo flere tabeller der er i tabeller, jo langsommere bliver siden indlæst. Normalt, når en side indlæses, starter browseren øverst i HTML'en og lægges det sekventielt ned på siden. Men med indlejrede tabeller skal den finde enden af bordet, før den kan vise hele sagen.
Tabeller til layout
Du bør ikke bruge tabeller til layout på dine websider. De kræver næsten altid, at du bruger indlejrede tabeller, så en bordlayout-webside vil indlæses langsommere end det samme design gengivet i CSS.
Også, hvis du forsøger at skrive gyldig XHTML, bør tabeller ikke bruges til layout overhovedet. Tabeller er til tabeldata (f.eks. Regneark), ikke til layout. I stedet skal du bruge CSS til layout-CSS-design gøre hurtigere og hjælpe dig med at opretholde gyldig XHTML.
Designe hurtigere læsningstabeller
Hvis du designer et bord med flere rækker, kan det ofte indlæses hurtigere, hvis du skriver hver række som et separat bord. For eksempel kan du skrive en tabel som denne:
øverste række venstre kolonne højre kolonne
Men hvis du skrev det samme bord som to tabeller, ser det ud til at indlæse hurtigere, fordi browseren vil gøre det første og derefter gøre det andet, snarere end at gøre hele bordet på én gang. Tricket er at sikre, at hver tabel har samme bredder og andre stilarter (som polstring, margener og grænser).
øverste række
venstre kolonne højre kolonne
Konvertere indlejrede tabeller til en tabel
Du kan føle, at alt dette er god information, men du har et bord der skal Har en anden tabel indlejret i den. Selv om dette kan være rigtigt, kan du ofte konvertere indlejrede tabeller til lidt mere komplekse enkelt tabeller ved at bruge og og attributterne på dine bordceller. For eksempel kan jeg i den indlejrede bord øverst konvertere dette til et enkelt bord med bare colspan attribut:
Kolonne 1 kolonnespredning = "2" > Kolonne 2 Kolonne 3 Kolonne 1 indlejret tabel kolonne 1 indlejret tabel kolonne 2 Kolonne 3 Kolonne 1 kolonnespredning = "2" > Kolonne 2 Kolonne 3
Denne tabel har også den fordel at bruge færre tegn end det indlejrede bord, så det downloades hurtigere på grund af det også.
