Bæta við láréttum línum til að brjóta upp efni á síðunni

Hvernig á að nota HR merkið fyrir vefskjal

HR-merkið hefur jafnan verið notað til að bæta við lárétta línu (stundum kallað lárétt regla) í vefrit. Til að bæta við línu skaltu slá inn:


til að leiðbeina vafranum að teikna línu yfir alla breidd síðunnar eða foreldrahlutans með sjálfgefnum stillingum. Þessi sjálfgefna lína er einföld og þjónar oft tilgangi sínum, en hægt er að úthluta eiginleikum til að breyta stærð, lit og stöðu annarra línanna. Aðferðin til að breyta útlínu láréttra lína breyttist á milli HTML4 og HTML5 .

Er HR Tag Semantic?

Í HTML4 var HR merkið ekki merkingartækni. Semantic þættir lýsa merkingu þeirra hvað varðar vafrann og verktaki getur auðveldlega skilið. HR-merkið var bara leið til að bæta einfaldri línu við skjal þar sem þú vildir það. Stíllinn aðeins efri eða neðri landamæri efnisins þar sem þú vildir að línan birtist setti lárétta línu efst eða neðst á frumefni en almennt var HR-merkið auðveldara að nota í þessu skyni.

Upphaf með HTML5 varð HR merkjanlegur og skilgreinir nú þemabrot sem er brot á málsstigi, sem er brot í flæði efnisins sem ekki ábyrgist nýjan síðu eða annan sterkari afmörkun - það er umfangsmikil breyting . Til dæmis gætirðu fundið HR-merki eftir breytingu á sögunni í sögunni, eða það getur bent til breytinga á efni í viðmiðunarskjali.

HR eiginleiki í HTML4 og HTML5

Í HTML4 gæti HR tagið verið úthlutað einföldum eiginleikum þ.mt "samræma", "breidd" og "noshade". Stillingin gæti verið stillt á vinstri, miðju, hægri eða réttlæta. Breiddin breytt breidd láréttrar línu frá sjálfgefnum 100 prósentum sem stækkaði línuna yfir síðunni. The noshade eiginleiki veitti solid lit línu í stað skyggða lit. Þessir eiginleikar eru úreltar í HTML5 og þú ættir að nota CSS til að stilla HR merkjurnar þínar í HTML5. Til dæmis, í HTML 4:


býr til lárétta línu með 10 punkta hæð.

Með því að nota CSS með HTML5 er lárétt lína sem er 10 punkta hár, sniðin:


Notkun CSS til að stilla lárétta línu gefur þér mikla frelsi í hönnun vefsíðunnar. Þú getur séð mörg dæmi um stíl fyrir HR tags í þessari Style HR tag greininni. Aðeins breidd og hæðarstíll eru í samræmi við allar vélar, þannig að einhver reynsla og villa kann að vera þörf þegar aðrar stíll er notaður. Sjálfgefið breidd er alltaf 100 prósent af breidd vefsíðunnar eða foreldrahlutans. Sjálfgefin hæð reglunnar er tveir punktar.