<del>

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.

Steckbrief <del>

Kategorie: Text & Typografie
Art: Inline
Attribute: 2
Beispiele: 4
Browser: 5 von 5
E-Mail: 4 von 5
Stand: 05.02.2026

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

index.html

Grundsyntax

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

Attribute

2 Attribute

Attribut und Beispiel	Beschreibung
`cite` URL cite="https://example.com/changelog"	URL zu einem Dokument, das die Löschung erklärt oder begründet. Wird vom Browser nicht sichtbar angezeigt, ist aber maschinenlesbar.
`datetime` String datetime="2026-02-05T14:30:00"	Zeitpunkt der Löschung im ISO 8601-Format. Wird vom Browser nicht sichtbar angezeigt, kann aber von Scripts und Suchmaschinen ausgewertet werden.

Beispiele

4 Beispiele

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

index.html

Textrevision

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

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

index.html

Änderungen mit Zeitstempel

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

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

index.html

del vs. s

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

3 Punkte

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

3 Punkte

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

5 von 5

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

4 von 5

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

Apple Mail

Komplett
Gmail

Komplett
Outlook

Teilweise

Ältere Versionen (2007-2016) ignorieren text-decoration teilweise. Verwende inline text-decoration: line-through als Fallback
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

<del>

Grundlagen

Syntax

Attribute

Beispiele

Barrierefreiheit

Häufige Fehler

Browser-Kompatibilität

Email-Kompatibilität

Newsletter