<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 Attribute class oder id), 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 ein Block-Level-Element, während <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	Flow-Inhalt, Textinhalt.
Erlaubter Inhalt	Textinhalt.
Tag-Auslassung	Keine, sowohl Anfangs- als auch End-Tag sind obligatorisch.
Erlaubte Eltern	Jedes Element, das Textinhalt akzeptiert, oder jedes Element, das Flow-Inhalt akzeptiert.
Implizierte ARIA-Rolle	Keine entsprechende Rolle
Erlaubte ARIA-Rollen	Beliebige
DOM-Schnittstelle	[`HTMLSpanElement`](/de/docs/Web/API/HTMLSpanElement)

Spezifikationen

Specification
HTML # the-span-element

Browser-Kompatibilität

Siehe auch

HTML-<div>-Element

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden