X'inhi d-differenza bejn it-Tabelli tat-Tabella HTML TH u TD?

Tabelli ilhom kisbu rap ħżiena fid-disinn tal-web. Ħafna snin ilu, it-tabelli HTML intużaw għat-tqassim, li ovvjament ma kienx għal dak li kienu maħsuba għalihom. Hekk kif is-CSS żdied għal użu popolari għal taqsim ta 'websajts, l-idea li "tabelli huma ħżiena" ħadet l-istiva. Sfortunatament, ħafna nies fehmu ħażin dan ifisser li t-tabelli HTML huma kollha ħżiena, il-ħin kollu. Dan mhuwiex il-każ. Ir-realtà hija li tabelli HTML huma ħżiena meta jintużaw għal xi ħaġa oħra għajr l-iskop veru tagħhom, li huwa li juri data tabulari (spreadsheets, kalendarji, eċċ). Jekk qed tibni websajt u jkollok paġna b'din it-tip ta 'data tabulari, m'għandek toqgħodx lura milli tuża tabella HTML fuq il-paġna tiegħek.

Jekk bdejt tinbena s-siti fis-snin peress li t-tabelli HTML għat-tqassim waqgħu barra mill-favor, fil-fatt ma tistax tkun familjari ma 'l-elementi li jagħmlu tabelli HTML. Mistoqsija waħda li ħafna minnhom għandhom meta jibdew iħarsu lejn il-markup tal-mejda huma:

"X'inhi d-differenza bejn u tabelli tal-mejda HTML?"

X'inhi t-Tag?

It-tikketta , jew tabella tad-data tal-mejda, toħloq ċelluli tal-mejda f'ringiela tal-mejda f'tabella HTML. Din hija l-lametta HTML li fiha xi test u immaġini. Bażikament, dan huwa t-tikketti tax-xogħol tat-tabella tiegħek. It-tikketti se jkun fihom il-kontenut tat-tabella HTML.

X'inhu t-Tag

Il-lametta , jew "header tal-mejda", hija simili għal f'ħafna modi. Jista 'jkun fiha l-istess tip ta' informazzjoni (għalkemm ma tqiegħedx immaġni f '), iżda jiddefinixxi dik iċ-ċellula speċifika bħala header tal-mejda.

Il-biċċa l-kbira tal-browsers tal-web ibiddlu l-piż tal-font b'ittri skuri u jiffokaw il-kontenut f'ċellula. Naturalment, tista 'tuża stili CSS biex tagħmel dawk l-intestaturi tal-mejda, kif ukoll il-kontenut tat-tikketti tiegħek, tħares b'xi mod li tixtieq li tħares fuq il-paġna web mogħtija.

Meta għandek tuża & lt; th & gt; Minflok Than & t; td & gt ;?

Il-lametta għandha tintuża meta trid tagħżel il-kontenut fiċ-ċellola bħala header għal dik il-kolonna jew ringiela. Iċ-ċelluli header tal-mejda jinsabu tipikament fuq in-naħa ta 'fuq tat-tabella jew fuq in-naħa - bażikament, it-titli fil-parti ta' fuq tal-kolonni jew l-intestaturi lejn ix-xellug ħafna jew il-bidu ta 'ringiela. Dawn l-intestaturi huma wżati biex jiddefinixxu x'inhu l-kontenut taħt jew ħdejnhom, billi jagħmlu t-tabella u l-kontenut tagħha ħafna aktar faċli biex tirrevedi u tipproċessa malajr.

Tużax għall-istil taċ-ċelloli tiegħek. Minħabba li l-browsers għandhom it-tendenza li juru ċelloli header tal-mejda b'mod differenti, xi disinjaturi tal-web għażżien jistgħu jippruvaw jieħdu vantaġġ minn dan u jużaw it-tikketta meta jkunu jridu li l-kontenut ikun b'tipa grassa u ċċentrata. Dan huwa ħażin għal diversi raġunijiet:

1. Ma tistax tibbaża ruħek fuq il-web browsers dejjem se turi l-kontenut b'dan il-mod. Brawżers futuri jistgħu jibdlu l-kulur awtomatikament, jew ma jagħmlu l-ebda bidliet viżwali fil-livelli kollha għal kontenut . Qatt m'għandek tistrieħ biss fuq stili tal-brawżer default u qatt ma għandha tuża element HTML minħabba li "tidher" b'mod awtomatiku
2. Huwa semantikament inkorrett. L-aġenti ta 'l-utenti li jaqraw it-test jistgħu jżidu formatting audibbli bħal "header ta' ringiela: it-test tiegħek" biex jindikaw li huwa f'ċellula . Barra minn hekk, xi applikazzjonijiet tal-Web jistampaw l-intestaturi tal-mejda fuq in-naħa ta 'fuq ta' kull paġna, u dan iwassal għal problemi jekk iċ-ċellola mhijiex attwalment header iżda minflok tintuża għal raġunijiet stilistiċi biss. Il-linja tal-qiegħ, l-użu ta 'tikketti b'dan il-mod jista' jikkawża kwistjonijiet ta 'aċċessibilità għal ħafna utenti, speċjalment dawk li jużaw mezzi assistiti biex ikollhom aċċess għall-kontenut tas-sit tiegħek.
3. Għandek tuża CSS biex tiddefinixxi kif iċ-ċelloli jidhru. Is-separazzjoni tal-istil (CSS) u l-istruttura (HTML) kienet l-aħjar prattika fid-disinn tal-web għal ħafna snin. Għal darb'oħra, uża għaliex il-kontenut ta 'dik iċ-ċellula huwa header, mhux għax tridu l-mod kif il-browser x'aktarx li jirrendi dak il-kontenut awtomatikament.