Brug p-elementet til at inddele tekstafsnit

Nogle personer og WYSIWYG-programmer bruger <br/gt; (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.

  1. Dette er det første tekstafsnit.
  2. <br>
  3. <br>
  4. Dette er det andet tekstafsnit.

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

  1. <p>Dette er det første tekstafsnit.</p>
  2. <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

This entry was posted in CSS. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>