HR-mærket bruges i webdokumenter til at vise en vandret linje på tværs af siden, eller nogle gange kaldes en vandret regel. I modsætning til nogle tags har denne ikke brug for en lukkerkode, så alt du skal gøre er at skrive at indsætte linjen.
Linjen strækker sig over hele sidens bredde og medfører nogle standardattributter for at beskrive tykkelsen, placeringen og farven på linjen, men du kan ændre disse indstillinger, hvis du ønsker det.
Du kan redigere egenskaberne for den vandrette linje i et HTML5-dokument ved at redigere sidens CSS. HTML4 vandrette linjer blev ændret på HTML-siden af dokumentet.
Er HR Tag Semantic?
I HTML4 var HR-mærket ikke semantisk. Semantiske elementer beskriver deres betydning i forhold til browseren og udvikleren kan let forstå. HR-mærket var bare en måde at tilføje en enkel linje til et dokument, hvor du ønskede det. Styling kun den øverste eller nederste kant af elementet, hvor du ønskede, at linjen skulle vises, placerede en vandret linje øverst eller nederst på elementet, men generelt var HR-mærket lettere at bruge til dette formål.
Begyndelsen med HTML5 blev HR-mærket semantisk, og det definerer nu en tematisk pause på stykketiveau, hvilket er en pause i indholdsstrømmen, der ikke garanterer en ny side eller en anden stærkere afgrænsning - det er en ændring af emnet. Du kan f.eks. Finde en HR-kode efter en sceneændring i en historie, eller det kan angive en ændring af emnet i et referencedokument.
HR-attributter i HTML4 og HTML5
I HTML4 kan HR-mærket tildeles simple attributter, herunder justere, bredde, og noshade . Justeringen kan indstilles til venstre , centrum , ret eller retfærdiggøre . Bredden justerer bredden af den vandrette linje fra standard 100 procent, der udvider linjen på tværs af siden. Det noshade attribut gør en solid farve linje i stedet for en skyggefuld farve.
Disse attributter er forældede i HTML5. Du skal i stedet bruge CSS til at style dine HR-tags i HTML5-dokumenter.
Dette er et HTML5 eksempel på stylisering af den vandrette linje for at være 10 pixels høj ved hjælp af inline CSS (stilarter indsat direkte i dokumentet sammen med HTML):
En anden måde at stylisere vandrette linjer i HTML5 er at bruge en separat CSS-fil, og link til den fra HTML-dokumentet. I CSS-filen vil du skrive stylingen som denne: hr {højde: 10px}
Den samme effekt i HTML4 kræver, at du tilføjer en attribut til HTML-indholdet. Sådan ændrer du størrelsen på den vandrette linie med størrelse attribut:
Der er meget mere frihed i styling vandrette linjer i CSS versus HTML. Kun den bredde og højde stilarter er konsistente på tværs af alle browsere, så det kan være nødvendigt med en prøve og fejl, når du bruger andre stilarter. Standardbredden er altid 100 procent af bredden af websiden eller overordnet element. Standardhøjden for reglen er to pixels.
