Kakva je razlika između TH i TD HTML tablica?

Stolovi su već dugo postali loše u web dizajnu. Prije mnogo godina, HTML tablice su korištene za izgled, što očigledno nije ono za šta su namijenjeni. Kako je CSS porasla popularnom upotrebom sajtova, ideja da su "tabele loše" preuzela. Nažalost, mnogi ljudi pogrešno shvataju ovo što znači da su tabele HTML sve loše, stalno. To uopće nije slučaj. Stvarnost je da su HTML tablice loše kada su koristili nešto drugo osim svoje istinske namjene, a to je prikazivanje tabelarnih podataka (tabela, kalendara, itd.). Ako pravite web stranicu i imate stranicu sa ovakvim tabelarnim podacima, ne biste se oklevali koristiti HTML tablicu na vašoj stranici.

Ako ste počeli da gradite sajtove u godinama otkako su HTML tablice za izgled pale iz usluge, možda zapravo ne znate za elemente koji čine HTML tablice. Jedno pitanje koje mnogi imaju kada počnu posmatrati tablicu stola je:

"Koja je razlika između i HTML tabličnih oznaka?"

Koja je oznaka?

Oznaka ili oznaka "tabele podataka" stvara ćelije tablice u okviru tablice u HTML tablici. Ovo je HTML oznaka koja sadrži bilo koji tekst i slike. U suštini, ovo su oznake radne kuće na vašem stolu. Oznake će sadržati sadržaj HTML tabele.

Koja je oznaka

Oznaka ili "zaglavlje tablice" slična je na mnogo načina. Može sadržati istu vrstu informacija (iako ne biste stavili sliku u ), ali definiše tu specifičnu ćeliju kao zaglavlje tablice.

Većina veb pregledača mijenja težinu fonta na bold i centrira sadržaj u ćeliji. Naravno, možete koristiti stilove CSS-a da napravite te zaglavlja stola, kao i sadržaj svojih oznaka, pogledajte bilo koji način na koji biste želeli da gledaju na prikazanu web stranicu.

Kada biste trebali koristiti & lt; th & gt; Rather Than & lt; td & gt;

Oznaka treba koristiti kada želite da odredite sadržaj u ćeliji kao zaglavlje za tu kolonu ili red. Ćelije zaglavlja tablice tipično se nalaze na vrhu tabele ili uz samu stranu - u osnovi, zaglavlja na vrhu kolona ili zaglavlja sa leve strane ili početka reda. Ovi zaglavi se koriste za definisanje sadržaja ispod ili pored njih, što olakšava pregled i brzu obradu tabele i njegovog sadržaja.

Nemojte koristiti da biste stvorili svoje ćelije. Zbog toga što pretraživači imaju različite načine prikazivanja zaglavlja tablica zaglavlja, neki lijeni web dizajneri mogu pokušati da iskoriste ovo i koriste oznaku kada žele da sadržaj bude krepko i centriran. Ovo je loše iz nekoliko razloga:

1. Ne možete se osloniti na web pretraživače, uvek će prikazati sadržaj na taj način. Budući pretraživači mogu podrazumevano da menjaju boju ili uopšte ne prave vizuelne promene na sadržaj. Nikada se ne oslanjajte isključivo na podrazumevane stilove pretraživača i nikada ne biste trebali koristiti element HTML zbog toga kako to "izgleda" po defaultu
2. Semantički je netačan. Korisnički agenti koji čitaju tekst mogu dodati zvučno oblikovanje kao što je "zaglavlje reda: vaš tekst" da bi se pokazalo da je u ćeliji. Pored toga, neke Web aplikacije štampaju zaglavlja tablica na vrhu svake stranice, što bi dovelo do problema ako ćelija zapravo nije zaglavlje, već se koristi samo za stilske razloge. Donja linija, koristeći oznake na ovaj način, može dovesti do problema pristupačnosti za mnoge korisnike, posebno onih koji koriste pomoćne uređaje za pristup vašem sadržaju na stranici.
3. Trebali biste koristiti CSS da definišete kako izgledaju ćelije. Odvajanje stila (CSS) i strukture (HTML) je najbolja praksa u web dizajnu već dugi niz godina. Još jednom koristite zato što je sadržaj te ćelije zaglavlje, a ne zato što vam se sviđa način na koji će pregledač verovatno prikazati taj sadržaj podrazumevano.