Paano gamitin ang tag ng HR para sa isang web document
Ang HR tag ay ayon sa kaugalian ay ginamit upang magdagdag ng isang pahalang na linya (minsan ay tinatawag na pahalang na panuntunan) sa isang web document. Upang magdagdag ng linya, i-type mo ang:
upang turuan ang browser upang gumuhit ng isang linya sa buong lapad ng pahina o elemento ng magulang gamit ang mga default na setting. Ang default na linya na ito ay simple at kadalasang naglilingkod sa layunin nito, ngunit maaaring italaga ang mga katangian upang baguhin ang laki, kulay, at posisyon ng linya sa iba pang mga katangian. Ang paraan upang baguhin ang hitsura ng pahalang na linya ay nagbago sa pagitan ng HTML4 at HTML5 .
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 sa pampakay na talata sa antas, na isang pahinga sa daloy ng nilalaman na hindi ginagarantiyahan ang isang bagong pahina o iba pang mas malakas na delimiter-ito ay 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, sentro, kanan o katwiran. Ang lapad ay nababagay sa lapad ng pahalang na linya mula sa default na 100 porsiyento na pinalawak ang linya sa buong pahina. Ang katangian ng noshade ay nag-render ng solidong linya ng kulay sa halip na isang kulay na kulay. Ang mga katangiang ito ay hindi na ginagamit sa HTML5, at dapat mong gamitin ang CSS upang estilo ang iyong mga HR tag sa HTML5. Halimbawa, sa HTML 4:
ay bumubuo ng pahalang na linya na may taas na 10 pixel.
Paggamit ng CSS na may HTML5, isang pahalang na linya na 10 pixel high ay naka-istilong:
Ang paggamit ng CSS sa estilo ng iyong pahalang na linya ay nagbibigay sa iyo ng maraming kalayaan sa pagdisenyo ng iyong web page. Maaari mong makita ang maraming mga halimbawa ng mga estilo para sa mga HR tag sa Estilo na ito na artikulo ng Tag ng HR . Tanging ang mga lapad at mga estilo ng taas 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.