Hvad bruges wbr elementet til?
HTML-elementet wbr, eller “Word Break Opportunity”, bruges til at fortælle browseren, at det er okay at bryde en ordlinje, hvis det er nødvendigt. Det er et såkaldt “invisible” element, som ikke vises på skærmen, og derfor har det ingen visuel indflydelse på indholdet.
Det er især nyttigt, når man arbejder med lange ord eller udtryk, som ikke passer på en linje. I stedet for at lade brugeren se linjen bryde i midten af et ord, kan man bruge wbr-elementet til at fortælle browseren, at det er okay at bryde ordet på et bestemt sted. Dette gør også indholdet lettere at læse.
Wbr-elementet kan også bruges til at forhindre “over-wrapping”, hvor et langt ord eller udtryk brydes over flere linjer, selvom det ikke er nødvendigt. Det kan være nyttigt, hvis du ønsker at bevare det originale udseende af et bestemt ord eller udtryk, såsom et webadresse.
Som med alle HTML-elementer skal wbr-elementet korrekt indsættes, før det kan bruges. Det placeres typisk efter det ord, som det er ment at bryde, og det skal være korrekt indkapslet mellem
Eksempler på wbr
1. <p>This is a long word that needs<wbr> a line break: Antidisestablishmentarianism</p>
Denne kode placerer et ordbrydningsmærke med wbr-elementet i teksten, så ordet “Antidisestablishmentarianism” kan brydes over flere linjer.
2. <p>This is a long<wbr> URL that needs a line break: http://example.com/really/long/url</p>
Denne kode placerer et ordbrydningsmærke med wbr-elementet i teksten, så URL’en “http://example.com/really/long/url” kan brydes over flere linjer.
3. <p>This is a long<wbr> sentence that needs a line break: The quick brown fox jumped over the lazy dog.</p>
Denne kode placerer et ordbrydningsmærke med wbr-elementet i teksten, så sætningen “The quick brown fox jumped over the lazy dog” kan brydes over flere linjer.