Das -Element kennzeichnet Nebenbemerkungen und Kleingedrucktes, also Textteile, die ergänzende Informationen liefern, aber nicht zum Hauptinhalt gehören. Browser stellen  standardmäßig in einer kleineren Schriftgröße dar. Aber anders als der Name vermuten lässt, ist  nicht einfach “kleiner Text”: Es hat in HTML5 eine klare semantische Bedeutung bekommen. Es steht für Seitenanmerkungen wie Copyright-Hinweise, rechtliche Hinweise oder Haftungsausschlüsse. Auf dieser Seite lernst du, wann  die richtige Wahl ist und wann du stattdessen CSS verwenden solltest.

Steckbrief

Kategorie: Text & Typografie
Art: Inline
Beispiele: 3
Browser: 5 von 5
E-Mail: 5 von 5
Stand: 03.02.2026

Grundlagen

In HTML5 hat  eine Neudefinition erfahren: Es ist nicht mehr nur “kleiner Text”, sondern steht semantisch für Nebenbemerkungen, also Text, der den Hauptinhalt ergänzt, aber nicht zum Kern gehört.

 ist ein Inline-Element: Es fließt im Text mit und erzeugt keinen Zeilenumbruch
Browser stellen  standardmäßig in einer kleineren Schriftgröße dar (typischerweise ca. 80% der Eltern-Schriftgröße)
Die semantische Bedeutung: Nebenbemerkungen, Kleingedrucktes, ergänzende Anmerkungen
Typische Anwendungsfälle: Copyright-Hinweise, rechtliche Hinweise, Haftungsausschlüsse, Preisanmerkungen (z.B. “inkl. MwSt.”)
 sollte nicht für ganze Absätze oder größere Textblöcke verwendet werden: es ist für kurze Anmerkungen gedacht
Wenn du Text nur visuell kleiner darstellen willst, verwende CSS font-size statt

Syntax

index.html

Grundsyntax

<p>Alle Preise inkl. MwSt. <small>Irrtümer vorbehalten.</small></p>

Beispiele

3 Beispiele

Der klassische Anwendungsfall: Ein Copyright-Hinweis im Footer einer Webseite.  signalisiert, dass es sich um eine ergänzende Information handelt, nicht um den Hauptinhalt:

index.html

<footer>
  <p>
    <small>&copy; 2026 Meine Webseite. Alle Rechte vorbehalten.</small>
  </p>
</footer>

In Online-Shops findest du häufig kleine Anmerkungen unter Preisen, z.B. Hinweise auf Versandkosten oder Steuern. Genau dafür ist  gedacht:

index.html

Preisanmerkung

<p style="font-size: 24px; font-weight: bold;">49,99 €</p>
<p>
  <small style="color: #6b7280;">
    Preis inkl. 19% MwSt. zzgl. Versandkosten.
    Lieferzeit: 2-3 Werktage.
  </small>
</p>

Manchmal möchtest du eine kurze ergänzende Information in einen Satz einfügen, die nicht zum Hauptinhalt gehört:

index.html

Nebenbemerkung

<p>
  JavaScript wurde 1995 von Brendan Eich entwickelt
  <small>(ursprünglich unter dem Namen Mocha)</small>
  und ist heute die meistgenutzte Programmiersprache im Web.
</p>

Barrierefreiheit

3 Punkte

Screenreader-Verhalten: Die meisten Screenreader ignorieren  und lesen den Text in normaler Lautstärke und Geschwindigkeit vor. Die kleinere Schriftgröße wird nicht kommuniziert.
Lesbarkeit sicherstellen: Auch wenn  den Text kleiner darstellt, sollte er noch gut lesbar sein. Vermeide es,  zu verschachteln oder zusätzlich per CSS die Schriftgröße weiter zu reduzieren.
Wichtige Informationen nicht verstecken: Copyright-Hinweise und rechtliche Anmerkungen in  sind in Ordnung, aber wirklich wichtige Informationen (z.B. Warnhinweise) sollten nicht in  verpackt werden, da sie visuell weniger auffallen.

Häufige Fehler

3 Punkte

small für ganze Textblöcke:  ist für kurze Anmerkungen gedacht: ein Satz, eine Zeile. Wenn du einen ganzen Absatz oder mehrere Sätze kleiner darstellen willst, verwende CSS font-size.  sollte keine großen Textmengen umschließen.
small als reines Styling-Element: Wenn du Text nur visuell kleiner darstellen willst, ohne dass es sich um eine Nebenbemerkung handelt (z.B. eine Bildunterschrift), verwende CSS statt . Das Element hat eine semantische Bedeutung und sollte nur für echtes Kleingedrucktes verwendet werden.
Wichtige Warnungen in small packen: Ein Haftungsausschluss im Footer ist okay, aber wichtige Sicherheitshinweise oder Warnungen gehören nicht in . Sie sollten visuell hervorstechen, nicht untergehen.

Browser-Kompatibilität

5 von 5

Das small-Element wird von allen Browsern seit den Anfängen des Webs unterstützt.

Chrome

Komplett
Firefox

Komplett
Safari

Komplett
Edge

Komplett
Opera

Komplett

Email-Kompatibilität

5 von 5

Das small-Element wird in den meisten Email-Clients als kleinerer Text dargestellt.

Apple Mail

Komplett
Gmail

Komplett
Outlook

Komplett
Thunderbird

Komplett
Yahoo Mail

Komplett

einmal die Woche, kostenlos

Neue Artikel und Videos, was sich auf der Lernplattform tut, und ab und zu ein Sonderpreis zum Kursstart. Kurz genug, dass du es auch liest.

Zuletzt verschickt · KW 40

Einmal alles neu, und die Lernplattform ist da

<small>

Grundlagen

Syntax

Beispiele

Barrierefreiheit

Häufige Fehler

Browser-Kompatibilität

Email-Kompatibilität

Newsletter