Etichete de tabel TH și TD HTML

Mesele au obținut de mult un rap rău web design. Cu mulți ani în urmă, tabelele HTML erau folosite pentru aspect, ceea ce evident nu era pentru ce erau destinate. Pe măsură ce CSS a ajuns la utilizarea populară pentru aspectele site-urilor web, ideea că „mesele sunt rele"a apucat. Din păcate, mulți oameni au înțeles greșit acest lucru pentru a însemna că toate tabelele HTML sunt rele, tot timpul. Nu este deloc cazul. Realitatea este că tabelele HTML sunt rele atunci când au folosit altceva decât scopul lor adevărat, care este afișarea datelor tabulare (foi de calcul, calendare etc.). Dacă construiți un site web și aveți o pagină cu acest tip de date tabulare, nu ar trebui să ezitați să utilizați un Tabel HTML pe pagina ta.

Ce faci și Do?

 tag, sau eticheta „date de tabel”, creează celule de tabel într-un rând de tabel dintr-un tabel HTML. Aceasta este eticheta HTML care conține orice text și imagini. Practic, aceasta este eticheta calului de lucru al mesei dvs. Etichetele vor conține conținutul tabelului HTML.

 sau „antetul tabelului” este similar cu  in multe feluri. Poate conține același tip de informații (deși nu ați pune o imagine într-un fișier ), dar definește acea celulă specifică ca un antet de tabel.

Majoritatea browserelor web modifică greutatea fontului în bold și centrează conținutul într-o celulă. Desigur, puteți folosi Stiluri CSS pentru a crea acele anteturi de tabel, precum și conținutul etichetelor dvs., arătați în orice fel doriți să arate pe pagina web redată.

Când ar trebui să utilizați Decat ?

eticheta trebuie utilizată atunci când doriți să desemnați conținutul din celulă ca antet pentru coloana sau rândul respectiv. Celulele antetului tabelului se găsesc de obicei în partea de sus a tabelului sau de-a lungul laturii - practic, titlurile din partea de sus a coloanelor sau titlurile chiar în stânga sau la începutul unui rând. Aceste anteturi sunt folosite pentru a defini care este conținutul de mai jos sau alături, făcând tabelul și conținutul acestuia mult mai ușor de revizuit și procesat rapid.

Nu folosi pentru a vă stiliza celulele. Deoarece browserele tind să afișeze celulele antetului tabelelor în mod diferit, unii designeri web leneși pot încerca să profite de acest lucru și să folosească eticheta atunci când doresc ca conținutul să fie îndrăzneț și centrat. Acest lucru este rău din mai multe motive:

1. Nu vă puteți baza pe browserele web care afișează întotdeauna conținutul în acest fel. Browserele viitoare pot schimba culoarea în mod implicit sau nu pot face deloc modificări vizuale  conţinut. Nu trebuie să vă bazați niciodată exclusiv pe stilurile implicite ale browserului și niciodată să nu utilizați un element HTML din cauza modului în care „arată” în mod implicit.
2. Este semantic incorect. Agenții de utilizatori care citesc textul pot adăuga o formatare sonoră, cum ar fi „antetul rândului: textul dvs.” pentru a indica faptul că se află într-un celulă. În plus, unele aplicații web imprimă antetele tabelului în partea de sus a fiecărei pagini, ceea ce ar fi duce la probleme dacă celula nu este de fapt un antet, ci este folosită din motive stilistice numai. Concluzie - utilizarea etichetelor în acest mod poate cauza probleme de accesibilitate pentru mulți utilizatori, în special pentru cei care utilizează dispozitive asistate pentru a accesa conținutul site-ului dvs.
3. Ar trebui să folosiți CSS pentru a defini cum arată celulele. Separarea de stil (CSS) și structura (HTML) au fost o bună practică în designul web de mulți ani. Încă o dată, utilizați un, deoarece conținutul acelei celule este un antet, nu pentru că vă place modul în care browserul poate reda respectivul conținut în mod implicit.