Das HTML-Element _{alles was sie wissen muessen}

Wenn Sie das HTML-Element sub alles was sie wissen muessen wirklich verstehen wollen, dann müssen Sie nur drei Dinge können: erkennen, wann tiefgestellte Schrift sinnvoll ist, das Element korrekt einsetzen und typische Fehler vermeiden. Genau darum geht es hier. Kein Theorie-Nebel. Nur das, was im Alltag zählt.

Was ist das HTML-Element _?

Das <sub>-Element steht für Subscript, also tiefgestellte Schrift. Es verschiebt Text optisch nach unten und verkleinert ihn meist etwas. Ich nutze es immer dann, wenn Inhalte fachlich korrekt tiefgestellt dargestellt werden sollen.

Einfach gesagt: <sub> ist für Text da, der unter der normalen Schriftlinie steht. Das ist kein Design-Gag, sondern semantisch sauberer HTML-Code.

Beispiel:

H2O

Im Browser schreiben Sie dafür:

H<sub>2</sub>O

Das Ergebnis ist die korrekte Darstellung von Wasserformel und nicht einfach nur kleiner Text.

Wann ich _verwende

Ich verwende <sub>, wenn der Inhalt fachlich tiefgestellt sein muss. Nicht, wenn ich nur etwas „optisch nach unten“ schieben will. Dafür sind CSS-Lösungen da. Semantik zuerst, Optik danach.

Typische Anwendungsfälle:

• Chemische Formeln: H₂O, CO₂
• Mathematische Schreibweisen: Variablen oder Indizes in Formeln
• Fußnoten: In manchen Formaten oder älteren HTML-Kontexten
• Technische Bezeichnungen: Produktcodes, die tiefgestellte Zeichen enthalten

Wenn Sie Inhalte mit Fachbezug schreiben, ist <sub> oft die richtige Wahl. Wenn Sie es nur für Layout nutzen, machen Sie es nicht.

Das HTML-Element _{richtig einsetzen}

Die Syntax ist simpel. Der Text, der tiefgestellt werden soll, kommt zwischen die Tags.

<p>Die chemische Formel für Wasser ist H<sub>2</sub>O.</p>

Das ist sauber, lesbar und für Suchmaschinen und Screenreader besser als Bastellösungen mit CSS-Abständen oder Sonderzeichen.

Wichtig ist: Verwenden Sie <sub> nicht für normale kleine Hervorhebungen. Dafür ist es nicht gedacht. Wenn Sie Text nur visuell kleiner brauchen, nutzen Sie CSS.

Unterschied zwischen _{und CSS}

Das ist der Punkt, an dem viele falsch abbiegen. <sub> beschreibt Bedeutung. CSS beschreibt Darstellung. Das ist ein großer Unterschied.

• <sub> = semantisch tiefgestellter Text
• CSS = optische Anpassung ohne inhaltliche Bedeutung

Wenn ich zum Beispiel eine chemische Formel schreibe, nehme ich <sub>. Wenn ich nur eine kleine Fußzeile im Design brauche, nehme ich CSS.

Mehr zu HTML-Semantik finden Sie in der offiziellen MDN-Dokumentation: