Wat ass d'Differenz tëschent TH a TD HTML Table Tablets?

Tabel hunn laang eng schlecht Rap in Webdesign gewonnen. Viru laanger Zäit goufen HTML Tabellen fir e Layout benotzt, dat war evidentlech net wat si gemaach goufen. Wéi CSS op e populäre Gebrauch fir Site Layout erhéicht huet, ass d'Iddi datt "Dëscher schlecht sinn" hunn. Leider sinn vill Leit falsch verstanen dëst ze bedeetzen datt HTML Dëscher ganz schlecht sinn, déi ganz Zäit. Dat ass net de Fall. D'Realitéit ass datt HTML-Tabellen schlecht sinn, wann se fir eppes aner sinn wéi hiren eigentleche Zweck, wat tabellaresch Daten (Tabelleel, Kalenner, asw.) Ze weisen. Wann Dir eng Websäit bitt an eng Säit mat dëser Art tabellarescher Daten hutt, da sollt Dir Iech eng HTML Table op Ärer Säit benotzen.

Wann Dir ugefaange Gebaiercontainer an de Joren ass wéi HTML-Tabellen fir den Layout gefall sinn, kënnt Dir eigentlech net sinn datt d'Elementer mat HTML-Tabellen vertraut sinn. Eng Fro déi vill hunn wann se op den Dësch markéieren opmaachen:

"Wat ass den Ënnerscheed tëscht an HTML Tabellestags?"

Wat ass de Tag?

Den -Tag oder "Table Data" -Tag erstellen Erzielt Dëscher Zellen innerhalb enger Tabellenzeilegung an enger HTML-Tabelle. Dëst ass de HTML-Tag deen all Text an Biller enthält. Prinzipiell ass dat d'Workhouse-Tags vun Ärem Dësch. D'Tags ginn den Inhalt vun der HTML Tabelle.

Wat ass de Tag

Den Tag oder "Tabellen Header" ass sou vill wéi méiglech am . Et kann déi selwecht Informatioun enthalen (obwuel Dir net e Bild an engem gesat huet), mee definéiert dës spezifesch Zell als Table header.

Déi meescht Webbrowsers änneren d'Schrëftgewicht fir fett an den Inhalt an enger Zell. Natierlech kënnt Dir CSS Stiwwelen benotzen fir dës Tabellen Header ze maachen an och den Inhalt vun Ären Tags ze kucken, wéi Dir Iech gär gitt op d'gewinnte Websäit kucken.

Wann Dir d'Benotzung benotze lt; & tht; th & gt; Vill méi wéi & lt; td & gt ;?

Den Tag sollt benotzt ginn wann Dir den Inhalt an der Zell als Header fir dës Kolonn oder Zeil steet. D'Zellen Header Zellen sinn typesch an der Spëtzt vum Dësch oder laanscht der Säit fonnt - am Prinzip sinn d'Rubriken an der Spëtzt vun de Säulen oder d'Rubriken op der ganz lénks oder de Start vun enger Zeil. Dës Header ginn benotzt fir ze definéieren wat den Inhalt hei oder niewent hinnen ass, fir datt d'Tabellen a seng Inhalter méi liicht ginn an ze schnell a préziséieren.

Benotzt net fir Är Zellen ze stiléieren. Well Browsers neier d'Tabletten Header Zellen anescht ofstëmmen, e puer faul Webdesigner kënnen versichen d'Virdeeler dovun ausnotzen an de Begrëff benotzen wann se d'Inhalts fett an zentraalt sinn. Dëst ass schlecht fir e puer Grënn:

1. Dir kënnt net op Webbrowser vertrauen ginn ëmmer de Inhalt esou. Future Browser kënnen d'Faarf nom Standard änneren oder keng visuell Ännerungen op all Säit Inhalt hunn. Dir sollt ni méi op Standardbrowserstiler vertrauen a sollten ni e HTML Element benotzen, well et "standardiséiert" gëtt
2. Et ass semantesch falsch. Benotzer Agenten, déi den Text liest, kënnen hörbar Formatéierung zesummebriechen wéi "Zeil header" Äre Text "fir ze weisen datt et an enger Zelle steet. Zousätzlech kënnen e puer Webapplikatiounen d'Tabellenköpfer an der Spëtzt vun all Säit drécken, wat d'Problemer erreecht, wann d'Zell net eigentlech een Header ass, mee ass awer just fir stylistesch Grënn benotzt. Ënner Hallefkrees benotzen d'Tags op dës Manéier Accessibilitéit fir vill Benotzer, virun allem déi déi Hëllef benotze fir Är Site Inhalt ze kréien.
3. Dir sollt CSS benotzen fir ze definéieren wéi d'Zellen aus gesinn. D'Trennung vu Stil (CSS) a Struktur (HTML) ass eng gutt Praxis am Webdesign fir vill Joren. Eemol nach eng Kéier benotzen, well den Inhalt vun der Zell e Kappball ass, net well Dir der Aart a Weis wéi de Browser wahrscheinlech fir den Inhalt opmaacht.