TH og TD HTML-tabellmerker

click fraud protection

Bord har lenge fått en dårlig rap inn webdesign. For mange år siden ble HTML-tabeller brukt til layout, noe som åpenbart ikke var det de var ment for. Da CSS steg til populær bruk for nettstedsoppsett, var ideen om at "bordene er dårlige" tok tak. Dessverre misforsto mange mennesker dette for å bety at HTML-tabeller hele tiden er dårlige. Det er ikke tilfelle i det hele tatt. Virkeligheten er at HTML-tabeller er dårlige når de brukes til noe annet enn sitt virkelige formål, som er å vise tabelldata (regneark, kalendere osv.). Hvis du bygger et nettsted og har en side med denne typen tabeldata, bør du ikke nøle med å bruke et HTML-tabell på siden din.

Hva gjør og Gjøre?

De

 tag, eller "tabelldata" -kode, oppretter tabellceller i en tabellrad i en HTML-tabell. Dette er HTML-koden som inneholder tekst og bilder. I utgangspunktet er dette arbeidshesten på bordet ditt. Taggene inneholder innholdet i HTML-tabellen.

De

 tag, eller "tabelloverskrift", ligner på  på mange måter. Den kan inneholde samme type informasjon (selv om du ikke vil legge et bilde i en
instagram viewer
), men den definerer den spesifikke cellen som en tabellhode.

De fleste nettlesere endrer skriftvekt til fet skrift og sentrerer innholdet i en celle. Selvfølgelig kan du bruke CSS-stiler for å få disse tabelloverskriftene, så vel som innholdet i kodene dine, til å se ut slik du vil at de skal se ut på den gjengitte nettsiden.

Når skal du bruke Heller enn ?

De

-koden skal brukes når du vil betegne innholdet i cellen som en overskrift for den kolonnen eller raden. Tabellens topptekstceller finnes vanligvis øverst på tabellen eller langs siden - i utgangspunktet overskriftene øverst i kolonnene eller overskriftene helt til venstre eller starten på en rad. Disse overskriftene brukes til å definere hva innholdet nedenfor eller ved siden av er, noe som gjør tabellen og innholdet mye lettere å gjennomgå og behandle raskt.

Ikke bruk for å style cellene dine. Fordi nettlesere har en tendens til å vise tabelloverskriftsceller annerledes, kan noen late webdesignere prøve å dra nytte av dette og bruke taggen når de vil at innholdet skal være fet og sentrert. Dette er dårlig av flere grunner:

  1. Du kan ikke stole på at nettlesere alltid viser innholdet på den måten. Fremtidige nettlesere kan endre fargen som standard, eller gjøre ingen visuelle endringer i det hele tatt  innhold. Du bør aldri stole bare på standard nettleserstiler og aldri bruke et HTML-element på grunn av hvordan det "ser ut" som standard.
  2. Det er semantisk feil. Brukeragenter som leser teksten kan legge til hørbar formatering som "radoverskrift: teksten din" for å indikere at den er i en celle. I tillegg skriver noen nettapplikasjoner ut topptekstene på toppen av hver side, noe som ville gjort føre til problemer hvis cellen egentlig ikke er en overskrift, men i stedet brukes av stilistiske årsaker kun. Ergo - bruk av koder på denne måten kan forårsake tilgjengelighetsproblemer for mange brukere, spesielt de som bruker assisterte enheter for å få tilgang til innholdet på nettstedet ditt.
  3. Du bør bruke CSS for å definere hvordan cellene ser ut. Separasjonen av stil (CSS) og struktur (HTML) har vært en god praksis innen webdesign i mange år. Igjen, bruk a fordi innholdet i den cellen er en overskrift, ikke fordi du liker måten nettleseren sannsynligvis gjengir innholdet som standard.
instagram story viewer