<span>

Aller à :
  1. Attributs
  2. Exemples
  3. Résumé technique
  4. Spécifications
  5. Compatibilité des navigateurs
  6. Voir aussi

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.

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

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
spanChrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, mdnwebdocs-bot, tregagnon
Dernière mise à jour par : SphinxKnight,