HTML del-Tag, s-Tag und ins-Tag – Durchstreichen und Einfügen

Gelöscht und eingefügt

del markiert einen Text mit einer horizontalen Linie mitten durch den Text als gelöscht. HTML ins markiert einen eingefügten Text durch eine horizontalen Linie unter dem Text.

Ein del-Tag kann nicht direkt innerhalb eines ins-Tags stehen und umgekehrt.

del und ins – selten mit Grund

In der Praxis werden das del- und das -ins-Tag kaum verwendet – die Webseite würde unübersichtlich und das Durchstreichen wird dem Benutzer kaum zusätzliche Informationen liefern – vor allem, da die Content Management Systeme heute ein Protokoll mit unterschiedlichen Versionen von Artikeln und Seiten vorhalten. Aber zusammen mit dem CSS-Stil display:none können HTML del und ins z.B. für Autoren oder Redakteure ein Protokoll der Änderungen abgeben.

<p>Änderungen der Satzung über die Erhebung von Gebühren</p>
<ol>
   <li>Fahrtkosten werden nach <del>Preisstufe A</del> <ins>Preisstufe B</ins> des VRR erstattet.</li>
   <li>§3 wird durch den Zusatz <ins>Für Veranstaltungen gemeinnütziger Organisationen wird der halbe Gebührensatz erhoben.</ins> ergänzt.</li>
   <li>Die Änderungssatzung tritt mit Wirkung vom <del>01.01.2016</del> <ins>01.04.2016</ins> in Kraft.</li>
</ol>

Die Spezifikation warnt, dass del- und ins-Elemente die Grenzen zwischen Absätzen nicht überschreiten sollen. Hätte sowieso niemand gemacht und bringt Fehlermeldungen im Validator.

Attribute für del / ins

cite

ist eine Referenz-URL, die mit den Änderungen zusammenhängt. Das Attribut findet sich auch beim HTML q-Tag.

datetime

gibt das Datum und die Uhrzeit der editoriellen Änderungen an. Es muss im Format JJJJ-MM-TThh:ssTZD angegeben werden, wobei das T die Trennung zwischen Datum, Zeit und Zeitzone darstellt.

s-Tag – strike! und »gilt nicht mehr«

In den alten HTML-Versionen gab es noch ein strike-Tag. Strike is back! Das s-Tag aus der Internet-Steinzeit ist zurück. In HTML5 streicht das s-Tag einen Text durch. Mit HTML5 kehrt strike (das nicht mehr zum Standard gehört) zwar nicht zurück, aber anstelle dessen ein s-Tag mit einer Prise Semantik. Das s-Element steht für Inhalt, der nicht länger korrekt oder gültig ist und soll nicht mit dem del-Tag verwechselt werden.

Die Anwendung von s könnte ein alter Preis sein, der zugunsten eines Angebots durchgestrichen ist. Abgelaufene Angebote und Zeitdauern, die nicht mehr gelten – z.B. die Tickets für Frühbucher, Nur noch 4 auf Lager, Lieferzeit 1 Tag. Anders als der Inhalt von del-Elementen hat der Inhalt von s-Elementen noch einen gewissen Informationswert. Das verleiht dem s-Element dann eine Prise Semantik.

CSS für del, ins und s

Die Linie folgt bei allen drei Tags der CSS-Eigenschaft text-decoration. Das gilt auch für das s-Tag – für das alte strike-Tag aus HTML2 hießt die Eigenschaft noch strikethrough.

<ins>

text-decoration: underline

<del>

text-decoration: line-through

<s>

text-decoration: line-through