TH- ja TD-HTML-taulukotunnisteet

Pöydät ovat jo pitkään saaneet huonon rapin sisään Web-suunnittelu. Monta vuotta sitten HTML-taulukoita käytettiin ulkoasuun, mikä ei tietenkään ollut sitä, mihin ne oli tarkoitettu. Kun CSS nousi yleiseen käyttöön verkkosivujen asetteluissa, ajatus "pöydät ovat huonoja"tarttui. Valitettavasti monet ihmiset ymmärsivät tämän väärin tarkoittaen, 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 muuhun kuin todelliseen tarkoitukseensa, taulukkotietojen (laskentataulukot, kalenterit jne.) Näyttämiseen. Jos rakennat verkkosivustoa ja sinulla on sivu, jolla on tällainen taulukkotieto, älä epäröi käyttää HTML-taulukko sivullasi.

Mitä tehdä ja Tehdä?

 -tunniste tai "table data" -tunniste luo taulukon solut HTML-taulukon taulukkoriville. Tämä on HTML-tunniste, joka sisältää tekstiä ja kuvia. Pohjimmiltaan tämä on taulukon työhevostunniste. Tunnisteet sisältävät HTML-taulukon sisällön.

 -tunniste tai "taulukon otsikko" on samanlainen kuin
instagram viewer
 monin tavoin. Se voi sisältää samanlaista tietoa (vaikka et laittaisikaan kuvaa a ), mutta se määrittelee kyseisen solun taulukon otsikkona.

Suurin osa verkkoselaimista muuttaa fontin painon lihavoitavaksi ja keskittää solun sisällön. Tietenkin voit käyttää CSS-tyylit Jos haluat, että taulukon otsikot ja tunnisteidesi sisältö näyttävät millä tahansa tavalla, jonka haluat niiden näyttävän renderoidulla verkkosivulla.

Milloin sinun pitäisi käyttää Mielummin kuin ?

-tunnistetta tulisi käyttää, kun haluat määrittää solun sisällön otsakkeeksi kyseiselle sarakkeelle tai riville. Taulukon otsikkosolut löytyvät yleensä taulukon yläosasta tai sivulta - pohjimmiltaan sarakkeiden yläosassa olevat otsikot tai otsikot vasemmalla tai rivin alussa. Näitä otsikoita käytetään määrittämään, mikä on niiden alapuolella tai vieressä oleva sisältö, mikä helpottaa taulukon ja sen sisällön helpompaa tarkastelua ja käsittelyä nopeasti.

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

  1. Et voi luottaa siihen, että verkkoselaimet näyttävät aina sisältöä tällä tavalla. Tulevat selaimet saattavat muuttaa väriä oletuksena tai tehdä mitään visuaalisia muutoksia  sisältö. Älä koskaan luota pelkästään selaimen oletustyyleihin, äläkä koskaan käytä HTML-elementtiä sen oletusarvoisen ulkonäön vuoksi.
  2. Se on semanttisesti virheellinen. Käyttäjäagentit, jotka lukevat tekstin, voivat lisätä kuuluvan muotoilun, kuten "rivin otsikko: tekstisi", osoittamaan, että se on a-muodossa solu. Lisäksi jotkut verkkosovellukset tulostavat taulukon otsikot jokaisen sivun yläosaan, mikä tulisikin aiheuttaa ongelmia, jos solu ei itse asiassa ole otsikko, mutta sitä käytetään sen sijaan tyylisistä syistä vain. Alarivi - tunnisteiden käyttäminen tällä tavalla voi aiheuttaa esteettömyysongelmia monille käyttäjille, etenkin niille, jotka käyttävät avustettuja laitteita päästäksesi sivustosi sisältöön.
  3. Sinun tulisi käyttää CSS määrittää, miltä solut näyttävät. Erottaminen tyyli (CSS) ja rakenne (HTML) ovat olleet paras käytäntö verkkosivujen suunnittelussa monien vuosien ajan. Käytä jälleen kerran, koska solun sisältö on otsikko, ei siksi, että pidät tavasta, jolla selain todennäköisesti renderöi kyseisen sisällön oletuksena.