Hvad du bør vide om indlejrede tabeller

The best protection against click fraud.

Websider skal downloades hurtigt, men indlejrede tabeller kan bremse processen. Lad ingen fortælle dig, at flere bruger bredbånd eller højhastighedsinternet, så du behøver ikke bekymre dig om, hvor hurtigt dine sider indlæses. Med mængden af ​​indhold på internettet vil en side eller et sted, der indlæses langsomt, have færre besøgende end en, der indlæses hurtigt. Hastighed er vigtig, især på mobilforbindelser, der kan være begrænset til 2G- eller 3G-datahastigheder.

Hvad er en indlejret tabel?

En indlejret tabel er en HTML-tabel, der har en anden tabel. For eksempel:

Browser, der viser prøvekoden i det foregående eksempel på en indlejret tabel.

Indlejrede tabeller får sider til at downloade langsommere

En enkelt tabel på en webside får ikke siden til at downloade langsommere. Men når du placerer en tabel i en anden tabel, bliver det mere kompliceret for browseren at gengive, så siden indlæses langsommere. Og jo flere tabeller du reden, jo langsommere indlæses siden.

Når en side indlæses, starter browseren normalt øverst i HTML'en og indlæser den sekventielt ned på siden. Men med indlejrede tabeller skal den finde slutningen af ​​tabellen, før den kan vise det hele. Årsagen til gengivelsen er langsommere, fordi browseren skal gentage HTML-dokumentet yderligere gange.

instagram viewer

Tabeller til layout

Når du skriver gyldig XHTML, bør tabeller ikke bruges til layout. Tabeller er til tabeldata såsom regneark, ikke til sidedesign. I stedet skal du bruge CSS til layout—CSS design gengives hurtigere og hjælper dig med at opretholde gyldig XHTML.

Design af hurtigere borde

Hvis du designer en tabel med flere rækker, kan den ofte indlæses hurtigere, hvis du skriver hver række som en separat tabel.

Men hvis du skrev den samme tabel som to tabeller, ser det ud til, at den indlæses hurtigere, fordi browser ville gengive den første og derefter gengive den anden, snarere end at gengive hele tabellen alle på en gang. Tricket er at sikre, at hver tabel har samme bredder og andre stilarter (som polstring, margener og kanter).

Konvertering af indlejrede tabeller til en tabel

Konverter indlejrede tabeller til lidt mere komplekse enkeltborde ved at være kloge med attributter som colspan, som, hvis de implementeres omhyggeligt, simulerer udseendet af en indlejret tabel uden faktisk at fungere som en.

instagram story viewer