Brug af tabeller i standardbaseret XHTML

Tabeldata er simpelthen dataene i en tabel. I HTML, det er indholdet, der lever i en tabells celler - dvs. hvad der er mellem.

eller.

tags. Tabelindhold kan være tal, tekst,

og en kombination af disse; og en anden tabel kan endda være indlejret i en tabelcelle.

Den bedste brug af en tabel er dog til visning af data.

Ifølge W3C:

"HTML-tabelmodellen giver forfattere mulighed for at arrangere data - tekst, forformateret tekst, billeder, links, formularer, formularfelter, andre tabeller osv. - i rækker og kolonner med celler." Kilde: Introduktion til tabeller fra HTML 4-specifikationen.

Nøgleordet i denne definition er data. Tidligt i webdesignets historie blev tabeller tilpasset som værktøjer til at hjælpe med layout og kontrol med, hvordan og hvor websideindhold skulle vises. Dette kan undertiden resultere i dårlig visning i forskellige browsere, afhængigt af hvordan browsere håndterede tabeller, så det var ikke altid en elegant metode i design.

Men som webdesign er avanceret og med fremkomsten af

instagram viewer
cascading style sheets (CSS), faldt nødvendigheden af ​​at bruge tabeller til groft at styre side designelementer. Tabelmodellen er ikke udviklet som en måde for webforfattere til at manipulere layoutet på en webside eller ændre, hvordan den vil se ud med hverken celler, kanter eller baggrundsfarver.

Hvornår skal man bruge tabeller til at vise indhold

Hvis det indhold, du vil placere på en side, er information, som du forventer at se administreret eller spores i en regneark, så vil dette indhold næsten helt sikkert egne sig godt til præsentation i en tabel på en webside.

Hvis du vil have overskriftsfelter øverst i datakolonner eller til venstre for datarækker, er det tabelformet, og en tabel skal bruges.

Hvis indholdet giver mening i en database, især en meget enkel database, og du bare vil vise dataene og ikke gøre det smukt, så er en tabel acceptabel.

Hvornår man ikke skal bruge tabeller til at vise indhold

Undgå at bruge tabeller i situationer, hvor formålet ikke blot er at formidle selve dataindholdet.

Brug ikke tabeller, hvis:

  • Hovedformålet med tabellen er at placere indholdet på siden. For eksempel at tilføje afstand mellem et billede, at placere punkttegn på en liste eller at tvinge en tekstblok til at fungere som et pull-tilbud.
  • Du vil bruge baggrundsfarverne eller billederne simpelthen til at forstørre siden i stedet for at kalde dataene ud. For eksempel er det fint, at fremhæve hver anden række i en tabel, men det er kun at ændre de øverste højre celler, fordi det får dem til at matche baggrunden på siden.
  • Du klipper et billede op og placerer derefter billedstykkerne sammen igen på siden ved hjælp af tabellen. Dette var meget almindeligt for et par år siden, men betragtes ikke længere som korrekt.

Vær ikke bange for borde

Det er meget muligt at oprette en webside, der bruger meget kreative tabeller til tabeldata. Tabeller er en vigtig del af XHTML-specifikationen, og det er en vigtig del af oprettelsen af ​​websider at lære at vise tabeldata godt.