Bakit Gamitin ang Semantiko HTML?

Ang isang mahalagang prinsipyo ng kilusan ng Web Standards na responsable para sa industriya na mayroon tayo ngayon ay ang ideya ng paggamit ng mga elemento ng HTML para sa kung ano ang mga ito sa halip na kung paano sila maaaring lumitaw sa browser sa pamamagitan ng default. Ito ay kilala bilang paggamit ng Semantiko HTML.

Ano ang Semantiko HTML

Ang Semantiko HTML o semantiko ay ang HTML na nagpapakilala ng kahulugan sa web page sa halip na pagtatanghal lamang. Halimbawa, ang isang

na tag ay nagpapahiwatig na ang nakapaloob na teksto ay isang talata.

Ito ay parehong semantiko at presentational, dahil alam ng mga tao kung ano ang mga talata at mga browser kung paano ipapakita ang mga ito.

Sa flip side ng equation na ito, ang mga tag tulad ng at ay hindi semantiko, dahil tinutukoy lamang nila kung paano dapat tumingin ang teksto (naka-bold o italic) at hindi nagbibigay ng anumang karagdagang kahulugan sa markup.

Kabilang sa mga halimbawa ng mga tag ng semantiko na HTML ang mga tag ng header

sa pamamagitan ng

,
, at . Mayroong maraming iba pang mga tag ng semantiko na maaaring magamit habang nagtatayo ka ng isang website na sumusunod sa pamantayan.

Kung Bakit Dapat Mong Alagaan Tungkol sa Semantika

Ang benepisyo ng pagsusulat ng semantiko HTML ay nagmumula sa kung ano ang dapat maging layunin sa pagmamaneho ng anumang web page-ang pagnanais na makipag-usap. Sa pagdaragdag ng mga tag ng semantiko sa iyong dokumento, nagbibigay ka ng karagdagang impormasyon tungkol sa dokumentong iyon, na tumutulong sa komunikasyon. Sa partikular, ginagawang malinaw ng mga tag ng semantiko sa browser kung ano ang kahulugan ng isang pahina at nilalaman nito.

Ang kaliwanagan ay nakipag-ugnayan din sa mga search engine, tinitiyak na ang mga tamang pahina ay inihatid para sa mga tamang query.

Ang mga tag ng Semantiko na HTML ay nagbibigay ng impormasyon tungkol sa mga nilalaman ng mga tag na napupunta nang lampas lamang kung paano sila tumingin sa isang pahina. Ang teksto na nakapaloob sa tag ng ay agad na kinikilala ng browser bilang ilang uri ng coding na wika.

Sa halip na sinusubukang i-render ang code na, nauunawaan ng browser na ginagamit mo ang tekstong iyon bilang halimbawa ng code para sa mga layunin ng isang artikulo o online na tutorial ng ilang uri.

Ang paggamit ng mga tag ng semantika ay nagbibigay sa iyo ng maraming iba pang mga kawit para sa estilo ng iyong nilalaman. Marahil ngayon ay mas gusto mong ipakita ang iyong mga sample code sa estilo ng default na browser, ngunit bukas, nais mong tawagan sila gamit ang isang grey na kulay ng background, at kalaunan nais mong tukuyin ang tumpak na mono-spaced na font na pamilya o font stack na gagamitin para sa ang iyong mga halimbawa. Maaari mong madaling gawin ang lahat ng mga bagay na ito sa pamamagitan ng paggamit ng semantiko markup at smartly inilapat CSS.

Gamitin nang Tama ang Mga Semantiko

Kapag nais mong gamitin ang mga tag ng semantiko upang ihatid ang kahulugan sa halip na para sa mga layunin ng pagtatanghal, kailangan mong maging maingat na hindi mo ginagamit ang mga ito nang mali para lamang sa kanilang mga karaniwang mga katangian ng display. Ang ilan sa mga karaniwang ginagamit na mga tesis ng semantiko ay ang:

  • blockquote - Ang ilang mga tao ay gumagamit ng tag na
    para sa pag-indent ng teksto na hindi isang panipi. Ito ay dahil ang mga blockquote ay naka-indent sa pamamagitan ng default. Kung gusto mo lamang ng mga benepisyo ng indentation, ngunit ang teksto ay hindi isang blockquote, gumamit ng mga margins ng CSS sa halip.
  • Ang ilang mga editor ng web ay gumagamit ng

    & nbsp; (isang hindi nagbabagang puwang na nakapaloob sa isang paragraoph) upang magdagdag ng dagdag na espasyo sa pagitan ng mga elemento ng pahina, sa halip na tukuyin ang mga aktwal na talata para sa teksto ng pahinang iyon. Tulad ng naunang nabanggit na halimbawa ng pag-indent, dapat mong gamitin ang margin o padding na estilo ng ari-arian upang magdagdag ng espasyo.