Mikä on ero TH: n ja TD: n HTML-taulukon tunnisteiden välillä?

Taulukot ovat jo pitkään saaneet huonon rapin web-suunnittelussa. Monta vuotta sitten HTML-taulukoita käytettiin ulkoasuun, mikä ei selvästikään ollut niiden tarkoitusta varten. Koska CSS nousi suosittuun käyttöön verkkosivujen asettelua varten, käsitys siitä, että "pöydät ovat huonoja", tarttui. Valitettavasti monet ihmiset ovat ymmärtäneet väärin, että HTML-taulukot ovat kaikki huonoja, koko ajan. Näin ei ole lainkaan. Tosiasia on, että HTML-taulukot ovat huonoja, kun niitä käytetään jotain muuta kuin heidän todellista tarkoitustaan, joka on taulukon tietojen (taulukkolaskenta, kalenteri jne.) Esittäminen. Jos rakennat verkkosivustoa ja sinulla on tällaisia ​​taulukkotietoja sisältävä sivu, älä epäröi käyttää sivusi HTML-taulukkoa.

Jos aloitit sivustojen rakentamisen vuosien aikana, koska HTML-taulukoiden asettelu ei ole suositeltavaa, et ehkä tue HTML-taulukoiden muodostavia elementtejä. Yksi kysymys, että monet ovat, kun he alkavat tarkastella taulukon merkintä on:

"Mikä on ero ja HTML-taulukkotunnisteiden välillä?"

Mikä on tagi?

-merkki tai "taulukkotieto" -tunniste luo taulukon soluja taulukon rivillä HTML-taulukossa. Tämä on HTML-tunniste, joka sisältää mitä tahansa tekstiä ja kuvia. Pohjimmiltaan tämä on taulukon työstötunnisteita. Tunnisteet sisältävät HTML-taulukon sisällön.

Mikä on tunniste

-merkki tai "taulukon otsikko" on monella tapaa samanlainen kuin . Se voi sisältää samantyyppisiä tietoja (vaikka et halua laittaa kuvaa ), mutta se määrittää kyseisen solun taulukon otsikoksi.

Useimmat verkkoselaimet muuttavat fontin painoa lihavoituna ja keskittävät solun sisällön. Tietenkin voit käyttää CSS-tyyliä, jotta nämä taulukon otsikot ja tageiden sisältö näyttävät niin kuin haluat, että ne näyttävät suoritetusta verkkosivulta.

Milloin käytät & lt; th & gt; Pikemminkin kuin & lt; td & gt ;?

-tunnistetta on käytettävä, kun haluat määrittää solun sisällön kyseisen sarakkeen tai rivin otsikoksi. Taulukon otsikkosolut ovat tyypillisesti taulukon yläosassa tai sivusuunnassa - pohjimmiltaan otsikoita sarakkeiden yläosassa tai otsakkeita vasemmalle tai rivin alkuun. Näitä otsakkeita käytetään määrittelemään, mitä sisältöä on tai sen vieressä, mikä tekee taulukosta ja sen sisällöstä huomattavasti helpommin tarkastella ja käsitellä nopeasti.

Älä käytä solmujen tyyliä. Koska selaimet yleensä näyttävät taulukon otsikkosoluja eri tavoin, jotkut laiska web-suunnittelijat voivat yrittää hyödyntää tätä ja käyttää tunnistetta, kun he haluavat sisällön olevan lihavoituja ja keskitetty. Tämä on huono useista syistä:

1. Et voi luottaa, että verkkoselaimet näyttävät aina sisällön tällä tavalla. Tulevat selaimet saattavat muuttaa väriä oletuksena tai tehdä mitään visuaalisia muutoksia sisältöön. Sinun ei pitäisi koskaan luottaa pelkästään oletusselaimen tyyliin, eikä hänen pitäisi koskaan käyttää HTML-elementtiä, koska se näyttää oletuksena
2. Se on semanttisesti väärä. Käyttäjä, joka lukee tekstin, voi lisätä äänimerkin muotoilua, kuten "rivin otsikko: teksti", joka ilmaisee, että se on solussa. Lisäksi jotkut Web-sovellukset tulostavat taulukon otsikot kunkin sivun yläosaan, mikä aiheuttaisi ongelmia, jos solu ei ole itse otsikko mutta sitä käytetään vain tyylistä. Alalinja, joka käyttää tageja tällä tavalla, voi aiheuttaa esteettömyyden ongelmia monille käyttäjille, erityisesti avustavien laitteiden käyttäjille, joilla pääsee sivustosi sisältöön.
3. Käytä CSS: ää määriteltäessäsi solujen ilmeet. Tyylin (CSS) ja rakenteen (HTML) erottaminen on ollut web-suunnittelun paras käytäntö monien vuosien ajan. Käytä taas kerran, koska sen solun sisältö on otsikko, ei siksi, että pidät selaimen todennäköisen sisällön esittämisestä oletuksena.