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")}}