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 standardmäßig vom Web-Browser gleich dargestellt. Mit den beiden HTML-Tags kann man Wörter oder einen ganzen Textabschnitt durchstreichen. Beide Tags zeichnen eine feine horizontale Linie mitten über den Text und markieren den ausgezeichneten Text als gelöscht bzw. nicht mehr gültig. Es gibt aber einen wesentlichen Unterschied zwischen den beiden HTML-Tags.
Das del-Tag wird benutzt, um Text zu markieren, der aus dem Dokument gelöscht wurde. Der gelöschte Text bleibt aber im Dokument erhalten, um den Verlauf der Änderung zu dokumentieren.
In der Praxis wird das <del>-Tag so gut wie gar nicht verwendet, da das Durchstreichen 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.
In der Regel wird das del-Tag 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 wird ein Text als gelöscht markiert.
Das alte Datum wird mit dem <del> Tag gelöscht. Es folgt das neue Datum, das zusätzlich farblich markiert und fett gedruckt wird.
Diese Formulierung ist semantisch nicht optimal, da das alte Datum nicht gelöscht, sondern korrigiert wird.
Die Veranstaltung findet am
<del>4. Dezember 2024
</del> <ins><b><mark>18. Dezember 2024
</mark></b></ins> statt.
Mit wird ein geschütztes Leerzeichen zwischen die beiden Termine eingefügt, um sie deutlich voneinander zu trennen.
Dieser Hintergrund repräsentiert das Ausgabe-Display und gehört nicht zum Beispiel-Code.
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 ein 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-Tag ist mit einer leichten Prise Semantik ausgestattet.
Durchgestrichener Text wird mit <s> eingeleitet und muss mit </s> abgeschlossen werden. Der mit S ausgezeichnete Text markiert Text, der nicht mehr gültig ist und aktualisiert wurde.
Eine sinnvolle Anwendung des s-Tags ist ein alter Preis, der durchgestrichen wird, 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.
Mit dem <s> Tag wird ein nicht mehr aktueller Text durchgestrichen.
Die Veranstaltung findet am
<s>4. Dezember 2024
</s> <b><mark>18. Dezember 2024
</mark></b> statt.
Mit wird wieder ein geschütztes Leerzeichen zwischen die zwei Termine eingefügt, um sie deutlich zu trennen.
Dieser Hintergrund repräsentiert das Ausgabe-Display und gehört nicht zum Beispiel-Code.
HinweisIn der Praxis wird das del-Tag außer für nicht mehr gültige Preise oder Termine kaum benutzt, da der Benutzer kaum zusätzliche Information erhält.
Im Gegensatz zum del-Tag hat das s-Tag für den Benutzer noch eine gewisse Information.