HR-taggen brukes i webdokumenter for å vise en horisontal linje over hele siden, eller noen ganger kalt en horisontal regel. I motsetning til noen koder trenger denne ikke en lukkerkode, så alt du trenger å gjøre er å skrive å sette inn linjen.
Linjen strekker seg over hele bredden på siden og følger med noen standardattributter for å beskrive tykkelsen, plasseringen og fargen på linjen, men du kan endre disse innstillingene hvis du ønsker det.
Du kan redigere egenskapene til den horisontale linjen i et HTML5-dokument ved å redigere sidens CSS. HTML4-horisontale linjer ble endret på HTML-siden av dokumentet.
Er HR-merket semantisk?
I HTML4 var HR-taggen ikke semantisk. Semantiske elementer beskriver deres betydning i forhold til nettleseren og utvikleren kan lett forstå. HR-taggen var bare en måte å legge til en enkel linje i et dokument hvor du ønsket det. Styling bare toppen eller bunnen av elementet der du ønsket at linjen skulle vises, plasserte en horisontal linje øverst eller nederst på elementet, men generelt var HR-taggen enklere å bruke til dette formålet.
Begynnelsen med HTML5 ble HR-taggen semantisk, og den definerer nå en tematisk pause på paragrafnivå, som er en pause i innholdsstrømmen som ikke garanterer en ny side eller annen sterkere avgrenser - det er en endring av emnet. For eksempel kan du finne en HR-kode etter en sceneendring i en historie, eller det kan indikere en endring av emne i et referansedokument.
HR-attributter i HTML4 og HTML5
I HTML4 kan HR-taggen tilordnes enkle attributter, inkludert justere, bredde, og noshade . Justeringen kan settes til venstre , senter , Ikke sant eller rettferdiggjøre . Bredden justerer bredden på den horisontale linjen fra standard 100 prosent som strekker linjen over siden. De noshade Attributt gir en solid fargelinje i stedet for en skyggefull farge.
Disse attributter er foreldet i HTML5. Du bør i stedet bruke CSS til å utforme HR-koder i HTML5-dokumenter.
Dette er et HTML5 eksempel på stilisering av den horisontale linjen for å være 10 piksler høy ved hjelp av inline CSS (stiler satt direkte inn i dokumentet sammen med HTML):
En annen måte å stylisere horisontale linjer i HTML5 er å bruke en egen CSS-fil, og koble den til HTML-dokumentet. I CSS-filen vil du skrive stylingen slik: hr {height: 10px}
Den samme effekten i HTML4 krever at du legger til et attributt til HTML-innholdet. Slik endrer du størrelsen på den horisontale linjen med størrelse Egenskap:
Det er mye mer frihet i styling horisontale linjer i CSS versus HTML. Bare den bredde og høyde stiler er konsekvente over alle nettlesere, så det kan være nødvendig med en prøve og en feil ved bruk av andre stiler. Standardbredden er alltid 100 prosent av bredden på nettsiden eller overordnet elementet. Standardhøyden til regelen er to piksler.
