<small>

Zuletzt aktualisiert am 3. Februar 2026

Das <small>-Element kennzeichnet Nebenbemerkungen und Kleingedrucktes, also Textteile, die ergänzende Informationen liefern, aber nicht zum Hauptinhalt gehören. Browser stellen <small> standardmäßig in einer kleineren Schriftgröße dar. Aber anders als der Name vermuten lässt, ist <small> 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 <small> die richtige Wahl ist und wann du stattdessen CSS verwenden solltest.

Grundlagen

In HTML5 hat <small> 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.

• <small> ist ein Inline-Element: Es fließt im Text mit und erzeugt keinen Zeilenumbruch
• Browser stellen <small> 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.”)
• <small> 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 <small>

Syntax

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

Beispiele

Copyright-Hinweis

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

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

Rechtlicher Hinweis bei Preisen

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

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

Nebenbemerkung in einem Artikel

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

<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

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

Häufige Fehler

• small für ganze Textblöcke: <small> 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. <small> 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 <small>. 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 <small>. Sie sollten visuell hervorstechen, nicht untergehen.

Browser-Kompatibilität

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

Email-Kompatibilität

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

Verwandte Elemente