Text durchstreichen: DEL vs. S – Was ist der Unterschied?
Die zwei HTML-Tags DEL und S sind Inline-Elemente. Deshalb wird standardmäßig kein automatischer Zeilenumbruch erzeugt.
Die Ausgabe der beiden HTML-Tags DEL (für Englisch: deleted) und S (für Englisch: strike-through) wird vom Browser standardmäßig gleich dargestellt. Mit diesen beiden HTML-Tags kann man Wörter oder ganze Textabschnitte durchstreichen. Diese zwei Tags zeichnen eine feine horizontale Linie mitten über den Text und markieren den so ausgezeichneten Text als gelöscht oder nicht mehr gültig. Es gibt aber einen wesentlichen Unterschied zwischen DEL und S.
Das HTML <del>-Tag
Das DEL-Tag wird verwendet, um Text zu markieren, der aus dem Dokument gelöscht wurde. Der gelöschte Text bleibt im Dokument erhalten, um den Verlauf der Änderung zu dokumentieren.
In der Praxis wird DEL so gut wie überhaupt nicht verwendet, da das Durchstreichen von Text die Webseite unübersichtlich machen würde und der Benutzer so gut wie keine zusätzliche Information erhält.
Gelöschter Text wird mit <del> eingeleitet und muss mit </del> abgeschlossen werden.
Das DEL-Tag wird in der Regel zusammen mit dem INS-Tag benutzt, z.B. für abgelaufene Angebote und Aktionen oder abgesagte Termine für eine Veranstung.
Mit dem <del> Tag Text als gelöscht markieren
Die Veranstaltung findet am <del>24. April 2025</del> <ins><b><mark>8. Mai 2025</mark></b></ins> statt.Das alte Datum wird mit dem <del> Tag gelöscht. Es folgt das neue Datum, das zusätzlich farblich markiert und fett gedruckt wird. Zwischen die beiden Termine wird mit ein geschütztes Leerzeichen eingefügt, um sie deutlich zu trennen.
Diese Formulierung ist semantisch nicht optimal, da das alte Datum nicht gelöscht, sondern korrigiert wird.
Ein DEL-Tag darf nicht direkt in einem INS-Tag stehen.
Das HTML <s> Tag
In früheren Versionen von HTML Versionen gab es noch das STRIKE-Tag, mit dem man Text durchstreichen konnte. In HTML5 ersetzt das neue S-Tag das nicht mehr gültige STRIKE-Tag. Das neu eingeführte S-Element ist mit einer leichten Prise Semantik ausgestattet.
Durchgestrichener Text wird mit <s> eingeleitet und muss mit </s> abgeschlossen werden. Mit S markierter Text ist nicht mehr gültig und wurde aktualisiert.
Eine sinnvolle Anwendung des S-Tags ist das Durchstreichen eines alten Preises, um auf ein Angebot oder einen reduzierten Preis aufmerksam zu machen. Auch für begrenzte Angebote und Zeitdauern (z.B. nur noch 5 Tage) ist der Einsatz von S sinnvoll.
Besser ist dieser HTML Code. Das alte (nicht mehr gültige) Datum wird mit dem <s>-Tag durchgestrichen. Danach folgt das berichtigte neue Datum, das im Beispiel zusätzlich farblich hervorgehoben und fett gedruckt wird.
Nicht mehr aktuellen Text durchstreichen mit dem <s> Tag
Die Veranstaltung findet am <s>24. April 2025</s> <b><mark>8. Mai 2025</mark></b> statt.Mit wird wieder ein geschütztes Leerzeichen zwischen die beiden Termine eingefügt, um sie deutlich zu trennen.
In der Praxis wird DEL außer für nicht mehr gültige Preise oder Termine kaum benutzt, da der Benutzer kaum zusätzliche Information erhält.
Im Gegensatz zu DEL hat das S-Tag für den Benutzer noch eine gewisse Information.