cookiesamtykke QR-icon

Optimizing the web – bit by bit

Brug p-elementet til at inddele tekstafsnit

Forventet læsetid: Less than a minute

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.

  1. Dette er det første tekstafsnit.
  2. <br>
  3. <br>
  4. 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:

  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

Category: Web

Tagged:

Kunne du lide artiklen? Så vil jeg blive glad for din feedback :-)

Skriv en kommentar

Tilmeld dig mit nyhedsbrev, og få tips, tricks, artikler og værktøjer, der vedrører online marketing.
* = Obligatorisk felt

Hvem er ham Michael?

Michael Kjeldsen er webnørd og marketingmand, med base i København.
Om Michael Kjeldsen...

 

Profilfoto af Michael Kjeldsen

Giv Blod-badge