La balise <span> est une balise HTML inline (qui ne provoque pas retour à la ligne) qui permet de styliser ou sélectionner une portion de texte ou un groupe d'éléments sans affecter la structure du document ou son affichage global.
Elle est principalement utilisée pour appliquer des styles CSS ou des manipulations JavaScript à des parties spécifiques du texte sans avoir de conséquences sur l'ordre des éléments dans cette page.
Structure et syntaxe de la balise <span>
Structure et syntaxe de base
La balise <span> est une balise conteneur, ce qui signifie qu'elle ne modifie pas la mise en page du texte environnant. Elle a :
- Une balise d'ouverture :
<span>; - Une balise de fermeture :
</span>.
Exemple d'utilisation
Voici un exemple d'utilisation de la balise <span> :
<p>Voici un texte avec un mot mis en <span style="color: red;">évidence</span> grâce à la balise <span>.</p>Dans cet exemple, le mot "évidence" sera affiché en rouge, tandis que le reste du texte restera inchangé.
Attributs
La balise <span> peut accepter les attributs classiques du HTML, tels que title, class, id, style.
Différence avec d'autres balises similaires
<bdo>: Contrairement à<span>, la balise<bdo>est utilisée pour forcer la direction du texte, quelle que soit la direction par défaut.<bdi>:<bdi>est utilisé pour isoler un texte dont la direction doit être gérée indépendamment, tandis que<span>ne change pas la directionnalité.
Compatibilité des navigateurs
La balise <span> est prise en charge par tous les navigateurs modernes.
| Navigateur | Compatibilité |
|---|---|
| Chrome | Oui |
| Firefox | Oui |
| Safari | Oui |
| Edge | Oui |
| Internet Explorer | Oui |