<del>

Zuletzt aktualisiert am 5. Februar 2026

Das <del>-Element kennzeichnet Text, der aus einem Dokument gelöscht wurde. Browser stellen <del> standardmäßig durchgestrichen dar. Es ist das Gegenstück zu <ins>: Während <ins> eingefügten Text markiert, zeigt <del> den entfernten Text. Zusammen bilden sie ein Paar für die Darstellung von Textänderungen, ähnlich der “Änderungen nachverfolgen”-Funktion in Word. Auf dieser Seite lernst du den Unterschied zwischen <del> und <s> und wann du welches Element verwendest.

Grundlagen

<del> und <s> sehen im Browser identisch aus: beide erzeugen durchgestrichenen Text. Der Unterschied ist semantisch: <del> gehört in einen Bearbeitungskontext und sagt “dieser Text wurde entfernt”, während <s> sagt “diese Information trifft nicht mehr zu”.

• <del> ist ein Inline-Element: Es fließt im Text mit und erzeugt keinen Zeilenumbruch
• Browser stellen <del> standardmäßig durchgestrichen (text-decoration: line-through) dar
• Die semantische Bedeutung: “Dieser Text wurde aus dem Dokument entfernt”
• <del> hat zwei optionale Attribute: cite (URL zur Begründung) und datetime (Zeitpunkt der Löschung)
• Typische Anwendungsfälle: Textkorrekturen, Dokumentrevisionen, Changelogs, Kombination mit <ins>
• Für Informationen, die “nicht mehr gültig” sind (z.B. alte Preise), verwende <s> statt <del>
• <del> kann auch als Block-Level-Element verwendet werden, wenn es Block-Inhalte umschließt

Syntax

<p>Termin: <del>15. März</del> 22. März</p>

Attribute

Beispiele

Textrevision mit del und ins

Der klassische Anwendungsfall: Eine Änderung in einem Dokument nachvollziehbar machen. Der alte Text wird durchgestrichen, der neue unterstrichen:

<p>
  Das Meeting findet
  <del>montags um 10:00</del>
  <ins>mittwochs um 14:00</ins>
  statt.
</p>

Dokumentänderungen mit datetime

Mit dem datetime-Attribut dokumentierst du, wann die Löschung vorgenommen wurde. Das ist besonders wertvoll für rechtliche Dokumente oder technische Changelogs:

<h3>Nutzungsbedingungen</h3>
<p>
  Die Kündigungsfrist beträgt
  <del datetime="2026-01-01">3 Monate</del>
  <ins datetime="2026-02-05">1 Monat</ins>
  zum Quartalsende.
</p>

del vs. s: der Unterschied

Beide erzeugen durchgestrichenen Text, aber in unterschiedlichem Kontext. <del> = “wurde aus dem Dokument entfernt”, <s> = “trifft nicht mehr zu”:

<!-- del: Text wurde im Dokument ersetzt (Bearbeitungskontext) -->
<p>
  Senden Sie die Unterlagen an
  <del>info@alt.de</del> <ins>kontakt@neu.de</ins>.
</p>

<!-- s: Der alte Preis trifft nicht mehr zu, bleibt aber sichtbar -->
<p>Preis: <s>79,99 €</s> 49,99 €</p>

Barrierefreiheit

• Screenreader-Verhalten: Manche Screenreader (z.B. NVDA, JAWS) können <del> als “gelöscht” ankündigen, andere ignorieren es. Du solltest dich nicht darauf verlassen, dass die Löschung automatisch kommuniziert wird.
• Kontext bieten: Wenn die Löschung für das Verständnis wichtig ist, ergänze einen erklärenden Text, z.B. “Gestrichen:” oder “Ersetzt durch:”. So verstehen auch Screenreader-Nutzer, dass sich etwas geändert hat.
• Farbliche Hervorhebung: Durchgestrichener Text kann für Menschen mit Sehbeeinträchtigungen schwer zu erkennen sein. Ergänze die Darstellung mit einer Hintergrundfarbe (z.B. blassrot für <del>, blassgrün für <ins>), damit die Änderungen visuell deutlicher werden.

Häufige Fehler

• del statt s für alte Preise: Wenn ein Preis “nicht mehr gilt”, ist <s> die bessere Wahl. <del> ist für Bearbeitungskontexte gedacht, in denen Text tatsächlich entfernt wurde. Ein alter Preis wurde nicht “gelöscht”, er ist nur nicht mehr aktuell.

• del ohne ins verwenden: <del> allein zeigt, dass etwas entfernt wurde, aber nicht, was an seine Stelle getreten ist. Kombiniere <del> mit <ins>, um den vollständigen Änderungskontext zu zeigen.

• del für rein visuelles Styling: Wenn du Text nur durchgestrichen darstellen willst, ohne dass er “gelöscht” wurde, verwende CSS text-decoration: line-through. Das <del>-Element hat eine semantische Bedeutung und sollte nur im Bearbeitungskontext eingesetzt werden.

Browser-Kompatibilität

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

Email-Kompatibilität

Das del-Element wird in den meisten Email-Clients als durchgestrichener Text dargestellt.

Verwandte Elemente