<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 July 2015.

Das <span> HTML Element ist ein generischer Inline-Container für phrasierte Inhalte, der an sich nichts repräsentiert. Es kann verwendet werden, um Elemente für Styling-Zwecke zu gruppieren (unter Verwendung der class oder id Attribute), oder weil sie gemeinsame Attributwerte wie lang teilen. Es sollte nur verwendet werden, wenn kein anderes semantisches Element geeignet ist. <span> ist dem <div> Element sehr ähnlich, aber <div> ist ein Block-Level-Element, während <span> ein Inline-Level-Element ist.

Probieren Sie es aus

Attribute

Dieses Element beinhaltet nur die globalen Attribute.

Beispiel

Beispiel 1

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 Fließende Inhalte, Phrasierende Inhalte.
Erlaubte Inhalte Phrasierende Inhalte.
Tag-Auslassung Keine, sowohl der Start- als auch der End-Tag sind obligatorisch.
Erlaubte Eltern Jedes Element, das phrasierende Inhalte akzeptiert, oder jedes Element, das fließende Inhalte akzeptiert.
Implizite ARIA-Rolle Keine entsprechende Rolle
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLSpanElement`](/de/docs/Web/API/HTMLSpanElement)

Spezifikationen

Specification
HTML Standard
# the-span-element

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch