Ano ang Pagkakaiba sa Pagitan ng TH at TD HTML Table Tags?

Ang mga talahanayan ay may matagal na nakuha ng isang masamang rap sa disenyo ng web. Maraming taon na ang nakalilipas, ang mga talahanayan ng HTML ay ginamit para sa layout, na kung saan ay malinaw naman hindi kung ano ang nilalayon nila. Tulad ng rosas na CSS sa popular na paggamit para sa mga layout ng website, ang ideya na ang "mga table ay masama" ay naipit. Sa kasamaang palad, maraming mga tao ang hindi naunawaan ito sa ibig sabihin na ang mga talahanayan ng HTML ay masama, sa lahat ng oras. Hindi iyon ang kaso. Ang katotohanan ay ang mga talahanayan ng HTML ay masama kapag ginamit nila ang iba pang bagay kaysa sa kanilang tunay na layunin, na kung saan ay upang ipakita ang mga hugis ng mga talaan ng data (mga spreadsheet, mga kalendaryo, atbp.). Kung ikaw ay nagtatayo ng isang website at may isang pahina na may ganitong uri ng hangganan na data, hindi ka dapat mag-atubiling gumamit ng isang talahanayan ng HTML sa iyong pahina.

Kung sinimulan mo ang pagbuo ng mga site sa mga taon dahil ang mga talahanayan ng HTML para sa layout ay nahulog sa pabor, maaaring hindi mo talaga pamilyar ang mga elemento na bumubuo sa mga talahanayan ng HTML. Ang isang tanong na mayroon ang marami kapag nagsimula silang tumitingin sa markup ng talahanayan ay:

"Ano ang pagkakaiba sa pagitan ng mga tag ng talahanayan ng at ?"

Ano ang Tag?

Ang tag na , o "data ng talahanayan", ay lumilikha ng mga selula ng talahanayan sa loob ng hanay ng talahanayan sa isang talahanayan ng HTML. Ito ang tag na HTML na naglalaman ng anumang teksto at mga imahe. Talaga, ito ang mga tag ng workhouse ng iyong mesa. Ang mga tag ay naglalaman ng nilalaman ng HTML table.

Ano ang Tag

Ang tag, o "header ng talahanayan", ay katulad ng sa maraming paraan. Maaari itong maglaman ng parehong uri ng impormasyon (bagaman hindi ka maglalagay ng isang imahe sa isang ), ngunit tinutukoy nito ang partikular na cell bilang header ng talahanayan.

Pinapalitan ng karamihan sa mga browser ng Web ang timbang ng font na naka-bold at isentro ang nilalaman sa isang cell. Siyempre, maaari mong gamitin ang mga estilo ng CSS upang gawing mga header ng talahanayan, pati na rin ang mga nilalaman ng iyong mga tag, tumingin sa anumang paraan na nais mong makita nila ang nai-render na webpage.

Kailan Dapat Mong Gamitin & lt; th & gt; Sa halip ng & lt; td & gt ;?

Ang tag na ay dapat gamitin kapag nais mong italaga ang nilalaman sa cell bilang isang header para sa haligi o hilera. Ang mga talahanayan ng header ng talahanayan ay karaniwang matatagpuan sa tuktok ng talahanayan o sa tabi ng panig - talaga, ang mga pamagat sa tuktok ng mga haligi o ang mga pamagat sa kaliwang kaliwa o simula ng isang hilera. Ang mga header na ito ay ginagamit upang tukuyin kung ano ang nilalaman sa ibaba o sa tabi ng mga ito, na ginagawang mas madali ang pag-review at pag-proseso ng mesa at mga nilalaman nito.

Huwag gamitin ang sa estilo ng iyong mga cell. Dahil ang mga browser ay may posibilidad na magpakita ng mga talahanayan ng header ng talahanayan nang iba, ang ilang mga tamad na taga-disenyo ng web ay maaaring subukan upang samantalahin ito at gamitin ang tag kapag nais nilang ang mga nilalaman ay maging bold at nakasentro. Ito ay masama sa ilang kadahilanan:

1. Hindi ka maaaring umasa sa mga web browser ay palaging ipapakita ang nilalaman na paraan. Ang mga hinaharap na mga browser ay maaaring baguhin ang kulay sa pamamagitan ng default, o huwag gumawa ng mga visual na pagbabago sa lahat ng nilalaman. Hindi ka dapat umasa lamang sa mga estilo ng default na browser at hindi dapat gumamit ng isang elemento ng HTML dahil sa kung paano ito "hitsura" bilang default
2. Maliit na ito ay mali. Ang mga ahente ng gumagamit na nagbabasa ng teksto ay maaaring magdagdag ng naririnig na pag-format tulad ng "header ng hilera: iyong teksto" upang ipahiwatig na ito ay nasa isang cell. Bukod pa rito, ang ilang mga application sa Web ay nag-print ng mga header ng talahanayan sa tuktok ng bawat pahina, na kung saan ay magreresulta sa mga problema kung ang cell ay hindi talaga isang header ngunit sa halip ay ginagamit para sa estilong kadalasan lamang. Sa ilalim, ang paggamit ng mga tag sa ganitong paraan ay maaaring maging sanhi ng mga isyu sa pagkarating para sa maraming mga gumagamit, lalo na ang mga gumagamit ng mga assisted device upang ma-access ang nilalaman ng iyong site.
3. Dapat mong gamitin ang CSS upang matukoy kung paano tumingin ang mga cell. Ang paghihiwalay ng estilo (CSS) at istraktura (HTML) ay isang pinakamahusay na kasanayan sa disenyo ng web para sa maraming taon. Muli, gumamit ng isang dahil ang nilalaman ng cell na iyon ay isang header, hindi dahil gusto mo ang paraan na ang browser ay malamang na mag-render na nilalaman nang default.