English

<span>

Appliquer un style inline ou changer de langue dans une phrase

— 1 min de lecture

  • HTML
  • accessibilité
  • sémantique

<span> — Le conteneur inline

La balise <span> est un conteneur inline générique sans valeur sémantique propre. Elle sert de crochet pour le style CSS ou pour marquer un changement de langue avec l'attribut lang.

Quand l'utiliser

Tu veux appliquer un style a un mot ou un groupe de mots sans balise sémantique appropriée. Tu veux signaler un changement de langue dans une phrase. Avant d'utiliser <span>, vérifie qu'il n'existe pas une balise sémantique plus adaptée (<em>, <strong>, <mark>, <cité>, etc.).

Ce que tu gagnes

Accessibilité : avec l'attribut lang, les lecteurs d'écran basculent vers la prononciation correcte du mot étranger.

Exemple de code

<p>
  Le concept de <span lang="en">progressive enhancement</span>
  est fondamental en developpement web.
</p>
 
<p>
  Use the <span class="highlight">primary action</span> button
  to confirm.
</p>

Pour aller plus loin