Het <span>-element in HTML

Gebruik van het <span> Element in HTML

• Het <span> element is een inline container gebruikt om specifieke delen van een tekst te stileren of te markeren zonder de inhoudelijke structuur te beïnvloeden. Aangezien <span> een lege generieke container is, beïnvloedt het de inhoud ervan niet visueel, tenzij CSS wordt toegepast.

• Voorbeeld van het toepassen van inline stijlen met <span>:

  
  <p>Dit is een <span style="color: blue;">blauwe</span> tekst.</p>
              

  Dit is een blauwe tekst.

  Dit voorbeeld toont het kleuren van het woord "blauwe" in een zin. Dit benadrukt het belang van het gebruik van CSS voor visuele effecten in HTML.

• Gebruik van <span> met een CSS klasse:

  
  <style>
  .highlight {
      color: red;
      font-weight: bold;
  }
  </style>
  <p>Dit is een <span class="highlight">belangrijke</span> tekst.</p>
              

  Dit is een belangrijke tekst.

  In dit voorbeeld wordt de tekst "belangrijke" benadrukt met een CSS-klasse "highlight". Het is belangrijk om te onthouden dat styling niet de enige methode moet zijn om belangrijke informatie te benadrukken, om toegankelijkheid te waarborgen.

Bekijk en experimenteer met deze CodePen om meer te leren over het gebruik van het <span>-element.

Terug naar boven