Webbsidor behöver hämtas snabbt, men kapslade tabeller kan sakta ner processen. Låt inte någon berätta för dig att fler använder bredband eller höghastighetsinternet, så du behöver inte oroa dig för hur snabbt dina sidor laddas. Med innehållet på webben kommer en sida eller webbplats som laddar långsamt att få färre besökare än en som lastar snabbt. Hastighet är mycket viktigt.
Vad är ett kapslade bord?
En kapslad tabell är en HTML-tabell som har en annan tabell inuti den. Till exempel:
Kolumn 1 Kolumn 2 Kolumn 3 Kolumn 1
nestad tabellkolumn 1 nestad tabellkolumn 2 Kolumn 3 Kolumn 1 Kolumn 2 Kolumn 3
Nested Tabeller orsakar sidor att ladda ner mer långsamt
Ett enda bord på en webbsida leder inte till att sidan laddas ner sakta (inom förnuft). Men det ögonblick du lägger ett bord i ett annat bord blir det mer komplicerat för webbläsaren att göra, så sidan laddas långsammare. Och ju fler bord du har nestat inuti varandra, desto långsammare laddar sidan.
När du skapar en sida med tabeller, tänk på att ju fler bord som ligger inom tabellerna, desto långsammare kommer sidan att läsa in. Normalt, när en sida laddas, startar webbläsaren högst upp i HTML-filen och laddar den sekventiellt nedåt på sidan. Men med kapslade tabeller måste den hitta slutet av bordet innan den kan visa hela saken.
Tabeller för layout
Du borde inte använda tabeller för layout på dina webbsidor. De kräver nästan alltid att du använder kapslade tabeller, så en tabelllayoutwebbplats laddas långsammare än samma design som gjorts i CSS.
Om du försöker skriva giltig XHTML borde också tabeller inte användas för layout alls. Tabellerna gäller tabelldata (till exempel kalkylblad), inte för layout. I stället bör du använda CSS för layout-CSS-designen gör snabbare och hjälpa dig att behålla giltig XHTML.
Designa snabbare laddningsbord
Om du designar ett bord med flera rader, kan det ofta ladda snabbare om du skriver varje rad som ett separat bord. Till exempel kan du skriva ett bord så här:
översta raden vänster kolumn höger kolumn
Men om du skrev samma tabell som två tabeller, verkar det laddas snabbare, eftersom webbläsaren skulle göra den första och sedan göra den andra, istället för att göra hela bordet på en gång. Tricket är att se till att varje tabell har identiska bredder och andra stilar (som vadderar, marginaler och gränser).
översta raden
vänster kolumn höger kolumn
Konvertera kapslade tabeller till ett bord
Du kan känna att allt detta är bra information, men du har ett bord som måste ha en annan tabell nestad i den. Även om detta kan vara sant, kan du ofta konvertera kapslade tabeller till lite mer komplexa enkla tabeller med hjälp av och attributen på dina bordsceller. Till exempel, i den kapslade bordet på toppen kan jag konvertera detta till ett enda bord med bara colspan attribut:
Kolumn 1 colspan = "2" > Kolumn 2 Kolumn 3 Kolumn 1 nestad tabellkolumn 1 nestad tabellkolumn 2 Kolumn 3 Kolumn 1 colspan = "2" > Kolumn 2 Kolumn 3
Denna tabell har också fördelen att använda färre tecken än det kapslade bordet, så det laddas ner snabbare på grund av det också.
