L'élément HTML <span>
est un conteneur générique en ligne (inline) 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 attributs class
ou id
et aux règles CSS) ou parce qu'ils partagent certaines valeurs d'attribut comme lang
. 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>
est un élément de bloc, alors que <span>
est un élément en ligne.
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
Attributs
Cet élément inclut uniquement les attributs universels.
Exemples
HTML
<p><span>Un peu de texte</span></p>
CSS
p span {
background: green;
}
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 du contenu phrasé, ou tout élément acceptant du contenu de flux. |
Rôles ARIA autorisés | Any |
Interface DOM | HTMLSpanElement (avant HTML 5, l'interface était HTMLElement ) |
Spécifications
Spécification | État | Commentaires |
---|---|---|
HTML Living Standard La définition de '<span>' dans cette spécification. |
Standard évolutif | |
HTML5 La définition de '<span>' dans cette spécification. |
Recommendation | L'interface DOM est désormais HTMLSpanElement . |
HTML 4.01 Specification La définition de '<span>' dans cette spécification. |
Recommendation |
Compatibilité des navigateurs
BCD tables only load in the browser
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer unepull request sur https://github.com/mdn/browser-compat-data.