<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
<p><span>Some text</span></p>
Ergebnis
Beispiel 2
HTML
<li>
<span>
<a href="portfolio.html" target="_blank">See my portfolio</a>
</span>
</li>
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
- HTML
<div>
Element