Tabelele au obținut mult timp un rău în designul web. Cu mulți ani în urmă, tabelele HTML au fost folosite pentru aspect, ceea ce, evident, nu era scopul pentru care erau destinate. Pe măsură ce CSS a devenit populară pentru structura site-urilor web, ideea că "tabelele sunt rele" a luat amploare. Din păcate, mulți dintre ei au înțeles greșit acest lucru, ceea ce înseamnă că tabelele HTML sunt toate rău, tot timpul. Nu este cazul deloc. Realitatea este că tabelele HTML sunt nepotrivite când folosesc pentru altceva decât scopul lor real, și anume afișarea de date tabulare (foi de calcul, calendare etc.). Dacă construiți un site Web și aveți o pagină cu astfel de date tabulare, nu ar trebui să ezitați să utilizați un tabel HTML pe pagina dvs.
Dacă ați început să construiți site-uri în anii de când tabelele HTML pentru aspect au căzut din favoare, s-ar putea să nu fiți familiarizați cu elementele care alcătuiesc tabelele HTML. O întrebare pe care mulți o au când încep să se uite la marcarea mesei este:
"Care este diferența dintre
și | etichetele tabelului HTML?
Care este eticheta? Tagul | sau tagul "date tabel" creează celule de tabel într-un rând de tabel într-un tabel HTML. Aceasta este eticheta HTML care conține orice text și imagini. Practic, acesta este etichetele din tabelul mesei. Etichetele vor conține conținutul tabelului HTML.
Care este eticheta Tagul | sau "antetul tabelului" este similar cu | în multe moduri. Poate conține același tip de informație (deși nu ați pus o imagine într-o | ), dar definește acea celulă specifică ca antet de tabel.
Majoritatea browserelor Web modifică greutatea fontului îngroșată și centralizează conținutul într-o celulă. Desigur, puteți utiliza stilurile CSS pentru a face ca aceste anteturi de tabel, precum și conținutul etichetelor dvs., să arate în vreun fel că doriți să se uite pe pagina web redată.
Când trebuie să utilizați & lt; th & gt; Mai degrabă decât? Eticheta | ar trebui utilizată atunci când doriți să desemnați conținutul din celulă ca antet pentru acea coloană sau rând. Celulele antetului tabelului sunt de obicei găsite în partea de sus a tabelului sau de-a lungul laturii - în principiu, rubricile din partea de sus a coloanelor sau rubricile de la stânga sau începutul unui rând. Aceste anteturi sunt folosite pentru a defini conținutul de mai jos sau de lângă ele, făcând masa și conținutul mult mai ușor de examinat și de procesat rapid.
Nu utilizați pentru a modela celulele. Deoarece browserele au tendința de a afișa celulele antetului de tabel diferit, unii designeri leneși pot încerca să profite de acest lucru și să utilizeze eticheta atunci când doresc ca conținutul să fie îndrăzneț și centrat. Acest lucru este rău din mai multe motive:
- Nu vă puteți baza pe browserele web va afișa întotdeauna conținutul în acest fel. Viitoarele browsere pot schimba culoarea în mod prestabilit sau nu pot face modificări vizuale la
conținutul. Nu trebuie să vă bazați niciodată numai pe stilurile implicite ale browserului și niciodată să nu utilizați un element HTML din cauza faptului că "arată" în mod implicit - Este incorect din punct de vedere semantic. Agenții utilizatorilor care citesc textul pot adăuga formatări audibile, cum ar fi "antetul rândului: textul dvs.", pentru a indica faptul că se află într-o celulă . În plus, unele aplicații Web tipăresc anteturile tabelului în partea de sus a fiecărei pagini, ceea ce ar duce la probleme dacă celula nu este de fapt un antet, ci este folosită doar din motive stilistice. Linia de fund, utilizând etichetele în acest mod, poate cauza probleme de accesibilitate pentru mulți utilizatori, în special cei care folosesc dispozitive asistate pentru a accesa conținutul site-ului.
- Ar trebui să utilizați CSS pentru a defini modul în care arată celulele. Separarea stilului (CSS) și a structurii (HTML) a reprezentat o bună practică în designul web pentru mulți ani. Încă o dată, folosiți o deoarece conținutul acelei celule este un antet, nu pentru că vă place modul în care browserul este probabil să difuzeze conținutul în mod implicit.
|
| |