Tabelldata är helt enkelt de uppgifter som finns i en tabell. I HTML är det innehållet som bor i ett bords celler, dvs vad ligger mellan eller
taggar. Tabellinnehållet kan vara nummer, text, bilder och en kombination av dessa; och en annan tabell kan även vara nestad inuti en tabellcell.
Den bästa användningen av ett bord är dock för visning av data.
Enligt W3C:
"HTML-tabellmodellen tillåter författare att ordna data - text, förformaterad text, bilder, länkar, former, formulärfält, andra tabeller etc.-i rader och kolumner av celler." Källa: Introduktion till tabeller från HTML 4-specifikationen.
Nyckelordet i den definitionen är data . Tidigt i webbdesignens historia var tabeller anpassade som verktyg för att hjälpa till att lägga ut och kontrollera hur och var webbsidans innehåll skulle visas. Det kan ibland leda till dålig visning i olika webbläsare, beroende på hur webbläsare hanterade tabeller, så det var inte alltid en elegant metod i design.
Men som webbdesignen har avancerat och med tillkomsten av kaskad stilark (CSS), har behovet av att använda tabeller för att bryta hantera siddesignelementen försvunnit. Bordmodellen är inte utvecklad som ett sätt för webbförfattare att manipulera layouten på en webbsida eller ändra hur det kommer att se ut med celler, gränser eller bakgrundsfärger.
När ska du använda tabeller för att visa innehåll
Om innehållet du vill placera på en sida är information som du förväntar dig att se hanteras eller spåras i ett kalkylblad så kommer det här innehållet säkert att vara bra för presentation i en tabell på en webbsida.
Om du ska ha rubrikfält längst upp i datakolonnerna eller till vänster om rader med data, är det tabulärt och en tabell ska användas.
Om innehållet är meningsfullt i en databas, särskilt en mycket enkel databas, och du bara vill visa data och inte göra det snyggt, då är ett bord acceptabelt.
När du inte använder tabeller för att visa innehåll
Undvik att använda tabeller i situationer där syftet inte är att helt enkelt överföra datainnehållet själv.
Använd inte tabeller om:
- Huvudsyftet med bordet är att placera innehållet på sidan. Till exempel, för att lägga till avstånd runt en bild, placera bulletikoner på en lista, eller för att tvinga ett textblock att fungera som ett pull-citat.
- Du vill använda bakgrundsfärgerna eller bilderna helt enkelt för att öka sidan istället för att ringa ut data. Det är bra att markera varannan rad i ett bord, men ändrar bara de övre högra cellerna, eftersom det gör att de matchar bakgrunden på sidan inte.
- Du skär upp en bild och lägger sedan bildstyckena samman på sidan med bordet. Detta var mycket vanligt för några år sedan men anses inte längre som korrekt.
Var inte rädd för bord
Det är ganska möjligt att skapa en webbsida som använder mycket kreativa utseende tabeller för tabelldata. Tabeller är en viktig del av XHTML-specifikationen, och lärande att visa tabelldata är en viktig del av att skapa webbsidor.