HTML-Textformatierung

HTML bietet Optionen zur Formatierung von Text, wie fett, kursiv, unterstrichen, hervorgehoben oder durchgestrichen. Diese helfen dabei, Informationen auf der Seite hervorzuheben.

Grundlegende Formatierungselemente

Die häufigsten Formatierungen sind fett (<b>), kursiv (<i>), unterstrichen (<u>) und hervorgehoben (<mark>). Diese Tags helfen dabei, wichtige Inhalte visuell hervorzuheben.

<b>This text is bold</b>

<i>This text is italic</i>

<u>This text is underlined</u>

<mark>This text is highlighted</mark>

Weitere Formatierungsoptionen

HTML unterstützt auch kleinere Schrift (<small>), Durchstreichung (<del>), eingefügten Text (<ins>) sowie Tief- und Hochstellungen (<sub> und <sup>).

Wann sollten diese Elemente verwendet werden?

Formatierungselemente sollten verwendet werden, wenn du wichtige Inhalte visuell hervorheben willst, z. B. Fehler, Warnungen oder besonders betonte Informationen. Achte darauf, dass die Lesbarkeit nicht darunter leidet.

Tipps zur Textformatierung

• Formatiere nicht nur, um es 'schöner aussehen zu lassen' – das Hervorheben sollte einen Zweck haben.
• Vermeide übermäßige Formatierung – mache nicht alles bunt, kursiv und unterstrichen zugleich.
• Verwende <mark>-Tags für Warnungen oder hervorgehobene Textstellen.
• <del> und <ins> eignen sich besonders zum Anzeigen von Änderungen in Dokumenten oder zur Versionsverfolgung.

Formatierung und Screenreader

Denke daran, dass visuelle Formatierungen nicht immer von Screenreadern erkannt werden. Die Bedeutung des Textes sollte nicht nur vom Aussehen abhängen – z. B. vermittelt <b> keine Bedeutung, <strong> hingegen schon.

Verwendung semantischer Formatierung

Semantische Tags wie <strong> oder <em> sind nicht nur optisch auffällig, sondern tragen auch eine inhaltliche Bedeutung. Sie sollten verwendet werden, wenn Inhalte tatsächlich wichtig oder betont sind.