<span>: Das Content-Span-Element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Juli 2015⁩.

Das<span>-HTML-Element ist ein generischer Inline-Container für Textinhalte, der an sich nichts repräsentiert. Es kann verwendet werden, um Elemente für Stilzwecke zu gruppieren (unter Verwendung der Attributeclass oderid), oder weil sie gemeinsame Attributwerte haben, wie z.B.lang. Es sollte nur dann verwendet werden, wenn kein anderes semantisches Element geeignet ist.<span> ist dem<div>-Element sehr ähnlich, aber<div> ist einBlock-Level-Element, während<span> einInline-Level-Element ist.

Probieren Sie es aus

<p>  Add the <span>basil</span>,  <span>pine nuts</span> and  <span>garlic</span> to a blender and blend into a paste.</p><p>  Gradually add the <span>olive oil</span> while running the  blender slowly.</p>

span.ingredient {  color: red;}

HTML

html

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

Ergebnis

Beispiel 2

HTML

html

<li>  <span>    <a href="portfolio.html">See my portfolio</a>  </span></li>

CSS

css

li span {  background: gold;}

Ergebnis

Technische Zusammenfassung

Inhaltskategorien	Flow-Inhalt,Textinhalt.
Erlaubter Inhalt	Textinhalt.
Tag-Auslassung	Keine, sowohl Anfangs- als auch End-Tag sind obligatorisch.
Erlaubte Eltern	Jedes Element, dasTextinhalt akzeptiert, oder jedes Element, dasFlow-Inhalt akzeptiert.
Implizierte ARIA-Rolle	Keine entsprechende Rolle
Erlaubte ARIA-Rollen	Beliebige
DOM-Schnittstelle	[`HTMLSpanElement`](/de/docs/Web/API/HTMLSpanElement)