Kategorier
Tips & hacks

Brug p-elementet til at inddele tekstafsnit

Nogle personer og WYSIWYG-programmer bruger <br> (linjeskift) i rigelige mængder, når de skal adskille linjer i HTML. Det er i et forsøg på at skabe et visuelt hierarki i form af tekstafsnit.

Nogle personer og WYSIWYG-programmer bruger <br> (linjeskift) i rigelige mængder, når de skal adskille linjer i HTML. Det er i et forsøg på at skabe et visuelt hierarki i form af tekstafsnit.

Dette er det første tekstafsnit.
<br>
<br>
Dette er det andet tekstafsnit.

Selvom denne metode visuelt skaber det ønskede resultat med mellemrum mellem tekstafsnit, så er der en bedre metode til rådighed – p (paragraf) elementet:

<p>Dette er det første tekstafsnit.</p>
<p>Dette er det andet tekstafsnit.</p>

Fordelene ved at benytte p-elementet er:

  • Det gør det nemmere at kontrollere tekstafsnittenes margin med CSS.
  • Det gør det nemme for blinde eller svagtseende brugere med skærmlæsere, at skimme dokumenter, fordi de kan hoppe til næste tekstafsnit.
  • Rent semantisk beskriver elementet teksten som det, den er – et tekstafsnit.

Som med alt andet, er der tilfælde, hvor br-elementet er brugbart, men hvis du tager dig selv i, ofte at bruge gentagne br-elementer til at adskille klumper af tekst, er det overvejende sandsynligt, at du burde gør brug af p-elementet i stedet

Denne post er et Quick Tip. Du kan finde masser af baggrundsinformation (på engelsk) her: Quick Tips for web developers and web designers

Få notifikationer når der er nyt indhold

Ingen spam. Seriøst.


  • Var denne side hjælpsom?
  • JaNej

Af Michael Kjeldsen

Web analytics- og konverteringsoptimeringsspecialist. Gruppeansvarlig for CRO-strategi (strategi og cross-country udrulning) i Danske Bank Group. Foretrækker pædagogiske datasæt, man rent faktisk kan bruge til noget, i stedet for dataskrammel. Far og ægtemand.

Hvad vil du tilføje

This site uses Akismet to reduce spam. Learn how your comment data is processed.