TH és TD HTML táblázat címkék

Az asztalok régóta rossz rap-ben vannak webdesign. Sok évvel ezelőtt HTML táblákat használtak az elrendezéshez, ami nyilvánvalóan nem az volt, amire szánták őket. Ahogy a CSS népszerűvé vált a weboldal elrendezésében, az az ötlet, hogy "az asztalok rosszak" megfogta. Sajnos sokan félreértették ezt, és azt jelentették, hogy a HTML-táblák mind rosszak. Ez egyáltalán nem így van. A valóság az, hogy a HTML-táblázatok akkor rosszak, ha valódi céltól eltérő célokra használják őket, vagyis táblázatos adatok (táblázatok, naptárak stb.) Megjelenítésére. Ha weboldalt épít, és van egy oldala ilyen táblázatos adatokkal, akkor ne habozzon használni egy HTML táblázat az oldaladon.

Mit csinál és Nem?

A

 tag vagy "table data" címke tábla cellákat hoz létre egy HTML tábla táblázatsorán belül. Ez a HTML címke, amely bármilyen szöveget és képet tartalmaz. Alapvetően ez a tábla munkalovas címkéje. A címkék tartalmazzák a HTML-tábla tartalmát.

A

 címke vagy "táblafejléc" hasonló a  sok tekintetben. Ugyanazokat az információkat tartalmazhat (bár nem tenne képet a
watch instagram stories
), de az adott cellát táblázat fejlécként definiálja.

A legtöbb webböngésző a betű súlyát félkövérre változtatja, és a tartalmat egy cellába állítja. Természetesen használhatja CSS stílusok hogy ezek a táblázatfejlécek, valamint a címkék tartalma bármilyen módon kinézzen, ahogyan azt szeretné, hogy a renderelt weboldalon nézzenek meg.

Mikor kell használni Inkább mint ?

A

címkét kell használni, ha a cella tartalmát az adott oszlop vagy sor fejléceként szeretné megjelölni. A táblázat fejléc cellái általában a táblázat tetején vagy az oldal mentén találhatók - alapvetően az oszlopok tetején lévő címsorok, vagy a címek a bal vagy a sor elején. Ezeket a fejléceket használják arra, hogy meghatározzák, mi a tartalom alattuk vagy mellettük, így a táblázat és annak tartalma sokkal könnyebben áttekinthető és gyorsan feldolgozható.

Ne használja hogy stilizálja a sejtjeit. Mivel a böngészők általában másképp jelenítik meg a táblázat fejléc celláit, egyes lusta webtervezők megpróbálhatják kihasználni ezt és kihasználni a címkét, ha azt akarják, hogy a tartalom félkövér legyen és középre. Ez több okból is rossz:

  1. Nem bízhat abban, hogy a webböngészők mindig így jelenítik meg a tartalmat. A jövőbeni böngészők alapértelmezés szerint megváltoztathatják a színt, vagy egyáltalán nem módosítanak vizuálisan  tartalom. Soha ne hagyatkozzon kizárólag az alapértelmezett böngészőstílusokra, és soha ne használjon HTML-elemet alapértelmezett megjelenése miatt.
  2. Szemantikailag helytelen. A szöveget olvasó felhasználói ügynökök hallható formázást adhatnak hozzá, például a "sorfejléc: a szövegedet", jelezve, hogy az a sejt. Ezenkívül egyes webalkalmazások minden oldal tetején kinyomtatják a táblázat fejlécét, ami kinyitná problémákat okozhat, ha a cella valójában nem fejléc, hanem stílusi okokból használják csak. Lényeg - a címkék ilyen módon történő használata sok felhasználó számára akadálymentességet okozhat, különösen azok számára, akik segített eszközöket használnak a webhelye tartalmának eléréséhez.
  3. Használnia kell CSS hogy meghatározzák a sejtek kinézetét. A szétválasztása stílus (CSS) és a struktúra (HTML) évek óta bevált gyakorlat a webdesignban. Ismét használjon a-t, mert a cella tartalma fejléc, nem azért, mert tetszik, ahogy a böngésző valószínűleg visszaadja ezt a tartalmat alapértelmezés szerint.
instagram story viewer