Horisontale lyne byvoeg om inhoud op die bladsy op te breek

Hoe om die HR-tag vir 'n webdokument te gebruik

Die HR-tag is tradisioneel gebruik om 'n horisontale lyn (soms genoem horisontale reël) by 'n webdokument te voeg. Om 'n reël by te voeg, tik:


om die leser opdrag te gee om 'n reël oor die volle breedte van die bladsy of ouerelement te teken deur die verstekinstellings te gebruik. Hierdie standaardlyn is eenvoudig en dien dikwels sy doel, maar eienskappe kan toegeken word om die grootte, kleur en posisie van die lyn te verander onder ander eienskappe. Die metode om 'n horisontale lyn se voorkoms te verander, het tussen HTML4 en HTML5 verander .

Is die HR Tag Semantic?

In HTML4 was die HR-tag nie semanties nie. Semantiese elemente beskryf hul betekenis in terme van die leser en die ontwikkelaar kan maklik verstaan. Die HR-tag was net 'n manier om 'n eenvoudige lyn by 'n dokument te voeg waar jy dit ook al wou hê. As jy slegs die boonste of onderste rand van die element waar jy wou hê die lyn moet vertoon, het jy 'n horisontale lyn bo of onder van die element geplaas, maar oor die algemeen was die HR-tag makliker om dit te gebruik.

Begin met HTML5, die HR-tag het semanties geword en dit definieer nou 'n tematiese breek op paragraafvlak. Dit is 'n breuk in die vloei van die inhoud wat nie 'n nuwe bladsy of ander sterker delimiter regverdig nie. Dit is 'n verandering van onderwerp . Byvoorbeeld, jy kan dalk 'n HR-tag kry na 'n toneelverandering in 'n storie, of dit kan 'n verandering van die onderwerp in 'n verwysingsdokument aandui.

MH-eienskappe in HTML4 en HTML5

In HTML4 kan die HR-tag eenvoudige eienskappe toegeken word, soos "align," "width" en "noshade." Die belyning kan gestel word links, middel, reg of regverdig. Die breedte het die breedte van die horisontale lyn van die standaard 100 persent aangepas wat die lyn oor die bladsy uitgebrei het. Die noshade-kenmerk het 'n soliede kleurlyn in plaas van 'n skaduwee kleur. Hierdie eienskappe is verouderd in HTML5, en jy moet CSS gebruik om jou HR-etikette in HTML5 te styl. Byvoorbeeld, in HTML 4:


genereer 'n horisontale lyn met 'n hoogte van 10 pixels.

Deur CSS met HTML5 te gebruik, is 'n horisontale lyn wat 10 pixels hoog is, gestileer:


Deur CSS te gebruik, gee jou horisontale lyn baie vryheid in die ontwerp van jou webblad. U kan baie voorbeelde van style vir HR-etikette in hierdie Style se HR Tag- artikel sien. Slegs die breedte- en hoogtestyle is konsekwent vir alle blaaiers, so 'n probleem kan nodig wees wanneer ander style gebruik word. Die standaardwydte is altyd 100 persent van die breedte van die webbladsy of ouerelement. Die standaard hoogte van die reël is twee pixels.