Yuav ua li cas siv H cim rau ib daim ntawv web
HR lossis tau siv los ntxiv rau txoj kab ntawm kab (qee zaus hu ua cai kab rov tav) rau ib daim ntawv xa web. Ntxiv rau kab, koj ntaus ntawv:
los qhia tus browser kom kos ib txoj kab hla dav dav ntawm nplooj ntawv los yog niam txiv element siv qhov kev tso cai siv. Txoj kab ntawv no yog qhov yooj yim thiab feem ntau yog siv nws lub hom phiaj, tiam sis yuav muab tau tus cwj pwm kom hloov cov kab qhov loj, xim, thiab txoj haujlwm ntawm lwm cov yeeb yam. Cov txheej txheem hloov cov kab sib chaws kab rov tav ntawm HTML4 thiab HTML5 .
Puas yog HR Tag Semantic?
Hauv HTML4, HR lossis tsis yog semantic. Semantic ntsiab piav qhia txog lawv cov ntsiab lus hauv cov ntsiab lus qhov browser thiab tus tsim tawm tau yooj yim to taub. HR lossis tom qab yog ib txoj hauv kev ntxiv rau ib txoj kab lus yooj yim rau ib qho ntawv twg qhov twg koj xav tau. Styling tsuas yog sab saum toj los yog hauv qab ciam ntawm lub caij uas koj xav kom txoj kab pom tshwm ib txoj kab rau saum lossis hauv qab ntawm lub caij, tab sis feem ntau, HR lossis tau yooj yim siv rau lub hom phiaj no.
Pib nrog HTML5, HR tag los ua qhov tseem ceeb, thiab nws tam sim no txhais cov ntsiab lus theem thematic, uas yog kev so hauv cov txheej txheem uas tsis pub ib nplooj ntawv tshiab lossis lwm yam kev lag luam-nws yog kev hloov ntawm lub npe . Piv txwv, koj yuav pom HR tom qab tom qab muaj kev hloov hauv zaj dab neeg, los yog nws tuaj yeem qhia qhov kev hloov ntawm lub ntsiab lus hauv cov ntaub ntawv uas siv.
HR Cov Qauv hauv HTML4 thiab HTML5
Nyob rau hauv HTML4, HR lossis tag yuav tau muab cov khoom yooj yim xws li "align," "width" and "noshade." Cov kev sib tw yuav muab tso rau sab laug, chaw, cai los yog kev tsim nyog. Qhov dav kho qhov dav ntawm kab rov tav los ntawm lub neej ntawd 100 feem pua uas ncua kab hauv cov nplooj ntawv. Lub noshade tus cwj pwm tau muab cov khoom xim khub siv lub xim dub. Cov cwj pwm no tsis muaj nyob rau hauv HTML5, thiab koj yuav tsum siv CSS rau koj cov cim HR hauv HTML5. Piv txwv, hauv HTML 4:
generates ib txoj kab kab rov tav nrog ib qhov siab ntawm 10 pixels.
Siv CSS nrog HTML5, kab rov tav uas yog 10 pixels siab yog styled:
Siv CSS rau style koj kab rov tav kab rau koj ntau txoj kev ywj pheej ntawm kev tsim koj qhov web page. Koj tuaj yeem pom ntau yam piv txwv ntawm HR cov cim npe hauv no Daim Ntawv Sau ntawm HR Tag . Tsuas yog qhov dav thiab qhov siab yeej zoo ib yam nkaus li tag nrho cov browsers, yog li ntawd qee qhov kev sim thiab yuam kev yuav tsum siv thaum siv lwm tus cwj pwm. Lub neej ntawd yeej yog 100 feem pua ntawm qhov dav ntawm nplooj ntawv web lossis niam txiv keeb. Lub neej qhov siab ntawm txoj cai yog ob pixels.