<span>: Das Content-Span-Element

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;
}

Attribute

Dieses Element umfasst 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

Spezifikationen

Browser-Kompatibilität

Siehe auch

• HTML-<div>-Element