`<span>` HTML-Inhalt-Span-Element

Baseline Weitgehend verfgbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit Juli 2015 browserbergreifend verfgbar.

Mehr erfahren
Vollstndige Kompatibilitt anzeigen

Das <span> HTML-Element ist ein generischer Inline-Container fr Phrasencontent, der an sich nichts reprsentiert. Es kann verwendet werden, um Elemente zu gruppieren, die fr Styling-Zwecke (mithilfe von Attributen wie class oder id) oder weil sie gemeinsame Attributwerte haben, wie zum Beispiel lang. Es sollte nur verwendet werden, wenn kein anderes semantisches Element angemessen ist. <span> ist sehr hnlich wie ein <div>-Element, jedoch ist <div> ein Block-Level-Element, whrend ein <span> ein Inline-Level-Element ist.

Probieren Sie es aus

<p>
  Add the <span class="ingredient">basil</span>,
  <span class="ingredient">pine nuts</span> and
  <span class="ingredient">garlic</span> to a blender and blend into a paste.
</p>

<p>
  Gradually add the <span class="ingredient">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" target="_blank">See my portfolio</a>
  </span>
</li>

CSS

css

li span {
  background: gold;
}

Ergebnis

Technische Zusammenfassung

Inhaltskategorien	Flussinhalt, Phrasencontent.
Erlaubter Inhalt	Phrasencontent.
Tag-Auslassung	Keine, sowohl das Start- als auch das End-Tag sind erforderlich.
Erlaubte Eltern	Jedes Element, das Phraseninhalt akzeptiert, oder jedes Element, das Flussinhalt akzeptiert.
Implizierte ARIA-Rolle	Keine entsprechende Rolle
Erlaubte ARIA-Rollen	Beliebig
DOM-Schnittstelle	[`HTMLSpanElement`](/de/docs/Web/API/HTMLSpanElement)