Användningen av tabeller i standardbaserad XHTML

Tabelldata är helt enkelt uppgifterna i en tabell. I HTML, det är innehållet som lever i en tabells celler - det vill säga vad som finns mellan.

eller.

taggar. Tabellinnehåll kan vara siffror, text,

och en kombination av dessa; och en annan tabell kan till och med kapslas inuti en tabellcell.

Den bästa användningen av en tabell ä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, formulär, formulärfält, andra tabeller etc. - i rader och kolumner med celler." Källa: Introduktion till tabeller från HTML 4-specifikationen.

Nyckelordet i den definitionen är data. Tidigt i webbdesignens historia anpassades tabeller som verktyg för att hjälpa till att utforma och kontrollera hur och var innehåll på webbsidan skulle visas. Detta kan ibland resultera i 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 eftersom webbdesign har avancerat och med tillkomsten av

instagram viewer
kaskad stilark (CSS), föll behovet av att använda tabeller för att grovt hantera siddesignelement. Tabellmodellen är inte utvecklad som ett sätt för webbförfattare att manipulera layouten på en webbsida eller ändra hur den kommer att se ut med antingen celler, ramar eller bakgrundsfärger.

När ska man 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 hanteras eller spåras i en kalkylblad, kommer innehållet nästan säkert att passa bra för presentation i en tabell på en webbsida.

Om du kommer att ha rubrikfält högst upp i datakolumner eller till vänster om datarader, är det tabellformat och en tabell bör användas.

Om innehållet är vettigt i en databas, särskilt en mycket enkel databas, och du bara vill visa informationen och inte göra den vacker, är en tabell acceptabel.

När ska man inte använda tabeller för att visa innehåll

Undvik att använda tabeller i situationer där syftet inte är att bara förmedla själva datainnehållet.

Använd inte tabeller om:

  • Huvudsyftet med tabellen är att placera innehållet på sidan. Till exempel för att lägga till avstånd runt en bild, för att placera punktikoner i en lista eller för att tvinga ett textblock att fungera som ett dragcitat.
  • Du vill använda bakgrundsfärgerna eller bilderna helt enkelt för att förstärka sidan istället för att ringa ut data. Till exempel är det bra att markera varannan rad i en tabell, men att bara ändra de övre högra cellerna eftersom det får dem att matcha bakgrunden på sidan är inte.
  • Du skär upp en bild och placerar sedan tillbaka bildbitarna på sidan med hjälp av tabellen. Detta var mycket vanligt för några år sedan men anses inte längre vara korrekt.

Var inte rädd för bord

Det är fullt möjligt att skapa en webbsida som använder mycket kreativa tabeller för tabelldata. Tabeller är en viktig del av XHTML-specifikationen, och att lära sig att visa tabelldata väl är en viktig del av att skapa webbsidor.