TH og TD HTML tabel tags

Tabeller har længe fået en dårlig rap ind webdesign. For mange år siden blev HTML-tabeller brugt til layout, hvilket naturligvis ikke var det, de var beregnet til. Da CSS steg til populær brug for webstedslayouter, var ideen om, at "tabeller er dårlige" tog fat. Desværre misforstod mange mennesker dette for at betyde, at HTML-tabeller hele tiden er dårlige. Det er slet ikke tilfældet. Virkeligheden er, at HTML-tabeller er dårlige, når de bruges til andet end deres sande formål, nemlig at vise tabeldata (regneark, kalendere osv.). Hvis du bygger et websted og har en side med denne form for tabeldata, bør du ikke tøve med at bruge en HTML-tabel på din side.

Hvad gør og Gør?

Det

 tag eller "tabeldata" -tag opretter tabelceller i en tabelrække i en HTML-tabel. Dette er HTML-koden, der indeholder tekst og billeder. Dybest set er dette arbejdshestemærket på din tabel. Mærkerne indeholder indholdet af HTML-tabellen.

Det

 tag eller "tabeloverskrift" svarer til  på mange måder. Det kan indeholde den samme slags information (selvom du ikke ville lægge et billede i en ), men det definerer den specifikke celle som en tabeloverskrift.

De fleste webbrowsere ændrer fontvægten til fed og centrerer indholdet i en celle. Selvfølgelig kan du bruge CSS-stilarter for at få disse tabeloverskrifter såvel som indholdet af dine tags til at se ud, som du vil have dem til at se på den gengivne webside.

Hvornår skal du bruge Hellere end ?

Det

tag skal bruges, når du vil betegne indholdet i cellen som en overskrift for den kolonne eller række. Tabelhovedcellerne findes typisk øverst på tabellen eller langs siden - dybest set overskrifterne øverst i kolonner eller overskrifterne helt til venstre eller starten på en række. Disse overskrifter bruges til at definere, hvad indholdet nedenfor eller ved siden af ​​dem er, hvilket gør tabellen og dens indhold meget lettere at gennemgå og behandle hurtigt.

Brug ikke at style dine celler. Da browsere har tendens til at vise tabelhovedceller forskelligt, kan nogle dovne webdesignere forsøge at udnytte dette og bruge tagget, når de vil have, at indholdet skal være fed og centreret. Dette er dårligt af flere grunde:

1. Du kan ikke stole på, at webbrowsere altid viser indholdet på den måde. Fremtidige browsere kan ændre farven som standard eller foretage ingen visuelle ændringer overhovedet til  indhold. Du bør aldrig stole udelukkende på standardbrowserformater og bør aldrig bruge et HTML-element på grund af, hvordan det "ser ud" som standard.
2. Det er semantisk forkert. Brugeragenter, der læser teksten, kan tilføje hørbar formatering såsom "rækkeoverskrift: din tekst" for at angive, at den er i en celle. Derudover udskriver nogle webapplikationer tabeloverskrifterne øverst på hver side, hvilket ville resultere i problemer, hvis cellen faktisk ikke er et overskrift, men i stedet bruges af stilistiske grunde kun. Bundlinje - brug af tags på denne måde kan forårsage tilgængelighedsproblemer for mange brugere, især dem der bruger assisterede enheder til at få adgang til dit webstedsindhold.
3. Du skal bruge CSS for at definere, hvordan cellerne ser ud. Adskillelsen af stil (CSS) og struktur (HTML) har været en bedste praksis inden for webdesign i mange år. Brug endnu en gang en, fordi indholdet i den celle er en overskrift, ikke fordi du kan lide den måde, browseren sandsynligvis gengiver indholdet som standard.