L'elemento HTML <span> è un contenitore inline generico per il contenuto di frasi, che non rappresenta intrinsecamente nulla. Può essere utilizzato per raggruppare gli elementi per scopi di stile (usando gli attributi class o id), o perché condividono valori di attributo, come lang. Dovrebbe essere usato solo quando nessun altro elemento semantico è appropriato. <span> è molto simile ad un elemento <div>, ma <div> è un elemento a livello di blocco mentre un elemento <span> è un elemento inline.

Categorie di contenuti Contenuto di flusso, contenuto di frasi.
Contenuto consentito Contenuto di frasi.
Omissione del tag Nessuna, sia il tag di apertura che quello di chiusura sono obbligatori.
Genitori consentiti Qualsiasi elemento che accetta contenuto di frasi, o qualsiasi elemento che accetta contenuto di flusso.
ARIA roles consentiti Qualunque
Interfaccia DOM HTMLSpanElement (prima di HTML 5, l'interfaccia era HTMLElement)

Attributi

Questo elemento include solo gli attributi globali.

Esempio 1

<p><span>Some text</span></p>

Risultato

Some text

Esempio 2

HTML

<li><span>
    <a href="portfolio.html" target="_blank">Guarda il mio portfolio</a>
</span></li>

CSS

li span {
  background: gold;
 }

Specifiche

Specifica Stato Commento
HTML Living Standard
The definition of '<span>' in that specification.
Living Standard  
HTML5
The definition of '<span>' in that specification.
Recommendation L'interfaccia DOM è ora HTMLSpanElement.
HTML 4.01 Specification
The definition of '<span>' in that specification.
Recommendation  

Compatibilità con i Browser

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic supportChrome Full support YesEdge Full support YesFirefox Full support 1IE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support

Vedi anche

Tag del documento e collaboratori

Hanno collaborato alla realizzazione di questa pagina: IsibisiDev
Ultima modifica di: IsibisiDev,