Le langage HTML a une sémantique, c'est-à-dire que chaque balise à un sens, une signification. Par exemple, la balise <p> concerne les textes et c'est l'initiale de paragraph, la balise <a> concerne les liens et c'est l'initiale de anchorage (ancre en français), la balise <img> signifie image, la balise <hr> désigne horizontal rule (trait horizontale). Mais que signifie <span> ?

Je sais que cette balise s'utilise à l'intérieur d'un texte pour, par exemple, mettre une couleur particulière à un groupe de mots ou pour le mettre en gras en utilisant une police de caractère grasse (sans passer par <strong> et <b>) mais je cherche à comprendre ce que signifie cette balise.

Quelqu'un sait ?

span et div n'ont aucune sémantique. Ces balises servent purement la technique.

Qu'est-ce que tu entends par technique ?

span et div permettent de définir des morceaux dans un document sans appliquer une sémantique dessus.

<div class="entete">
  Tout ce <span class="rouge">contenu</span> n'a <span class="jaune">aucun sens</span>.
  mais je peux appliquer du style CSS dessus (cf les attributs class).
</div>

<p>Par contre, ces éléments <strong>ont du sens</strong></p>

Et tout mélangé forme du contenu html avec du sens et que tu peux mettre en page comme tu veux.

<div class="foo">
    <div class="bar">
      <p>Sunt quo fugiat <strong>quos</strong> et <span>blanditiis</span></p>
    </div>
</div>

OK merci je comprends mieux maintenant.