Wat is die verskil tussen TH en TD HTML Tabel Tags?

Tabelle het al lank 'n slegte rap in webontwerp gekry. Baie jare gelede is HTML-tabelle gebruik vir uitleg, wat natuurlik nie was waarvoor hulle bedoel was nie. Soos CSS gestyg het tot populêre gebruik vir webbladuitlegte, het die idee dat "tafels sleg is" vasgehou. Ongelukkig het baie mense dit verkeerd verstaan ​​dat HTML-tabelle al sleg is, die hele tyd. Dit is glad nie die geval nie. Die realiteit is dat HTML-tafels sleg is as hulle gebruik word vir iets anders as hul ware doel, wat tabelle data (sigblaaie, kalenders, ens.) Moet vertoon. As jy 'n webwerf bou en 'n bladsy met hierdie soort tabel data het, moet jy nie huiwer om 'n HTML-tabel op jou bladsy te gebruik nie.

As jy begin het om webwerwe in die jare te bou sedert HTML-tabelle vir uitleg uitgeval het, kan jy eintlik nie so bekend wees met die elemente wat HTML-tabelle maak nie. Een vraag wat baie mense het wanneer hulle begin kyk na tabelopmaak is:

"Wat is die verskil tussen en HTML tabel etikette?"

Wat is die Tag?

Die tag , of 'table data', skep tafelselle binne 'n tabelry in 'n HTML-tabel. Dit is die HTML-tag wat enige teks en beelde bevat. Eintlik is dit die werkhuise van jou tafel. Die etikette bevat die inhoud van die HTML-tabel.

Wat is die Tag

Die tag, of "table header", is op baie maniere soortgelyk aan die . Dit kan dieselfde soort inligting bevat (alhoewel jy nie 'n beeld in 'n wil plaas nie), maar dit definieer daardie spesifieke sel as 'n tabelopskrif.

Die meeste webblaaiers verander die font gewig tot vet en sentreer die inhoud in 'n sel. Uiteraard kan u CSS-style gebruik om daardie tabelopskrifte te maak, sowel as die inhoud van u etikette, op enige manier wat u wil hê hulle moet op die gelewer webblad kyk.

Wanneer moet jy dit gebruik? Eerder as ?

Die -tag moet gebruik word wanneer u die inhoud in die sel as 'n kop vir die kolom of ry wil aanwys. Die tabelhoofselle word gewoonlik bo-aan die tafel of langs die kant aangetref - basies die opskrifte bo-aan kolomme of die opskrifte links of begin van die ry. Hierdie hoofde word gebruik om te definieer wat die inhoud hieronder of langs hulle is, wat die tabel en die inhoud daarvan makliker maak om vinnig te hersien en te verwerk.

Moenie gebruik om jou selle te styl nie. Omdat blaaiers geneig is om tabelhoofselle anders te vertoon, kan sommige lui webontwerpers probeer om hiervan voordeel te trek en gebruik die merker wanneer hulle wil hê dat die inhoud vet en sentraal moet wees. Dit is om verskeie redes sleg:

  1. U kan nie staatmaak op webblaaier nie, maar sal altyd die inhoud op die manier vertoon. Toekomstige blaaiers kan die kleur as standaard verander of geen visuele veranderings aan inhoud maak nie. Jy moet nooit net staatmaak op standaard blaaierstyle nie en moet nooit 'n HTML-element gebruik nie, omdat dit standaard lyk
  2. Dit is semanties verkeerd. Gebruikersagente wat die teks lees, kan hoorbare formatering byvoeg, soos "ryopskrif: jou teks" om aan te dui dat dit in 'n sel is. Daarbenewens druk sommige webtoepassings die tabelopskrifte boaan elke bladsy, wat probleme tot gevolg het as die sel nie eintlik 'n koptekst is nie, maar slegs vir stilistiese redes gebruik word. Bottom line, met behulp van etikette op hierdie manier, kan toeganklikheidsprobleme vir baie gebruikers veroorsaak, veral dié met behulp van bygestaande toestelle om toegang tot jou werfinhoud te verkry.
  3. Jy moet CSS gebruik om te definieer hoe die selle lyk. Die skeiding van styl (CSS) en struktuur (HTML) is al jare lank die beste praktyk in webontwerp. Weereens, gebruik 'n omdat die inhoud van die sel 'n koptekst is, nie omdat jy die manier waarop die blaaier die inhoud waarskynlik sal lewer, standaard sal voorstel.