Ang HR tag ay ginagamit sa mga dokumento ng web upang magpakita ng pahalang na linya sa buong pahina, o kung minsan ay tinatawag na pahalang na pahalang. Hindi tulad ng ilang mga tag, ang isang ito ay hindi nangangailangan ng tag ng pagsasara, kaya ang kailangan mo lang gawin ay i-type upang ipasok ang linya.
Ang linya ay umaabot sa buong lapad ng pahina at nagdadala dito ng ilang mga katangian ng default upang ilarawan ang kapal, lokasyon, at kulay ng linya, ngunit maaari mong baguhin ang mga setting kung nais mo.
Maaari mong i-edit ang mga katangian ng pahalang na linya sa isang HTML5 na dokumento sa pamamagitan ng pag-edit ng CSS ng pahina. Ang mga horizontal na linya ng HTML4 ay binago sa bahagi ng HTML ng dokumento.
Ay ang HR Tag Semantiko?
Sa HTML4, ang HR tag ay hindi semantiko. Ang mga sangkap ng semantiko ay naglalarawan ng kanilang kahulugan sa mga tuntunin ng browser at madaling maunawaan ng developer. Ang HR tag ay isang paraan lamang upang magdagdag ng isang simpleng linya sa isang dokumento kung saan mo nais ito. Ang pag-istilo lamang sa tuktok o sa ilalim ng hangganan ng elemento kung saan nais mong lumitaw ang linya na inilagay ang pahalang na linya sa tuktok o ibaba ng elemento, ngunit sa pangkalahatan, ang HR tag ay mas madaling gamitin para sa layuning ito.
Simula sa HTML5, ang tag ng HR ay naging semantiko, at tinutukoy na ngayon ang isang pahayag na may temang talata sa antas, na isang pahinga sa daloy ng nilalaman na hindi ginagarantiyahan ang isang bagong pahina o iba pang mas malakas na delimiter - isang pagbabago ng paksa. Halimbawa, maaari kang makakita ng HR na tag pagkatapos ng pagbabago ng isang eksena sa isang kuwento, o maaari itong magpahiwatig ng pagbabago ng paksa sa isang dokumento ng sanggunian.
Mga Katangian ng HR sa HTML4 at HTML5
Sa HTML4, ang HR tag ay maaaring italaga ng mga simpleng katangian kabilang ang align, lapad, at noshade . Ang pagkakahanay ay maaaring itakda sa kaliwa , gitna , tama o bigyang-katwiran . Iniaayos ng lapad ang lapad ng pahalang na linya mula sa default na 100 porsiyento na nagpapalawak sa linya sa buong pahina. Ang noshade Ang katangian ay nagpapakita ng solidong linya ng kulay sa halip na isang kulay na kulay.
Ang mga katangiang ito ay hindi na ginagamit sa HTML5. Dapat mong gamitin ang halip na CSS upang estilo ang iyong mga HR tag sa mga HTML5 na dokumento.
Ito ay isang HTML5 na halimbawa ng stylizing ang pahalang na linya upang maging 10 pixels mataas na gamit ang inline CSS (estilo ipinasok nang direkta sa dokumento kasama ang HTML):
Ang isa pang paraan upang mag-stylize ng mga pahalang na linya sa HTML5 ay ang paggamit ng isang hiwalay na file na CSS, at mag-link dito mula sa HTML na dokumento. Sa CSS file, nais mong isulat ang estilo tulad nito: hr {taas: 10px}
Ang parehong epekto sa HTML4 ay nangangailangan sa iyo na magdagdag ng isang katangian sa nilalaman ng HTML. Narito kung paano baguhin ang laki ng pahalang na linya sa laki katangian:
Mayroong higit pang kalayaan sa estilo ng pahalang na mga linya sa CSS kumpara sa HTML. Tanging ang lapad at taas ang mga estilo ay pare-pareho sa lahat ng mga browser, kaya ang ilang pagsubok at error ay maaaring kinakailangan kapag gumagamit ng iba pang mga estilo. Ang lapad ng default ay palaging 100 porsiyento ng lapad ng web page o elemento ng magulang. Ang default na taas ng panuntunan ay dalawang pixel.
