<span> : l'élément de contenu en ligne générique

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

L'élémentHTML<span> est un conteneur générique en ligne (inline en anglais) pour les contenus phrasés. Il ne représente rien de particulier. Il peut être utilisé pour grouper des éléments afin de les mettre en forme (grâce aux attributsclass ouid et aux règlesCSS) ou parce qu'ils partagent certaines valeurs d'attribut commelang. Il doit uniquement être utilisé lorsqu'aucun autre élément sémantique n'est approprié.<span> est très proche de l'élément<div>, mais l'élément<div> estun élément de bloc, alors que<span> estun élément en ligne.

Exemple interactif

<p>  Ajoutez le <span>basilic</span>,  <span>pignon de pin</span> et  <span>ail</span> dans un mixeur et mixez jusqu'à obtenir  une pâte.</p><p>  Ajoutez progressivement l'<span>huile d'olive</span> en  faisant tourner le mixeur lentement.</p>

span.ingredient {  color: red;}

HTML

html

<p><span>Un peu de texte</span></p>

Résultat

Exemple 2

HTML

html

<li>  <span>    <a href="portfolio.html">Voir mon cahier de projets</a>  </span></li>

CSS

css

li span {  background: gold;}

Résultat

Résumé technique

Catégories de contenu	Contenu de flux,contenu phrasé.
Contenu autorisé	Contenu phrasé.
Omission de balises	Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires.
Parents autorisés	Tout élément acceptant ducontenu phrasé, ou tout élément acceptant ducontenu de flux.
Rôle ARIA implicite	Pas de rôle correspondant^(angl.)
Rôles ARIA autorisés	Tous les rôles sont autorisés
Interface DOM	`HTMLSpanElement`