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 {{HTMLElement("div")}}, ma {{HTMLElement("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 | {{no_tag_omission}} |
| Genitori consentiti | Qualsiasi elemento che accetta contenuto di frasi, o qualsiasi elemento che accetta contenuto di flusso. |
| ARIA roles consentiti | Qualunque |
| Interfaccia DOM | {{domxref("HTMLSpanElement")}} (prima di HTML 5, l'interfaccia era {{domxref("HTMLElement")}}) |
Questo elemento include solo gli attributi globali.
<p><span>Some text</span></p>
Some text
<li><span>
<a href="portfolio.html" target="_blank">Guarda il mio portfolio</a>
</span></li>
li span {
background: gold;
}
| Specifica | Stato | Commento |
|---|---|---|
| {{SpecName('HTML WHATWG', 'text-level-semantics.html#the-span-element', '<span>')}} | {{Spec2('HTML WHATWG')}} | |
| {{SpecName('HTML5 W3C', 'text-level-semantics.html#the-span-element', '<span>')}} | {{Spec2('HTML5 W3C')}} | L'interfaccia DOM è ora {{domxref("HTMLSpanElement")}}. |
| {{SpecName('HTML4.01', 'struct/global.html#edef-SPAN', '<span>')}} | {{Spec2('HTML4.01')}} |
{{Compat("html.elements.span")}}