HTML Strikethrough/Durchgestrichener Text Generator
Streicht Text durch. <s> = nicht mehr zutreffend, <del> = gelöscht (mit Versionierung).
Anwendung & Beispiele
Klassiker im Online-Shop: alter Preis durchgestrichen, daneben der neue Preis – semantisch korrekt mit <s>.
FAQ
Was ist der Unterschied zwischen <s> und <del>?
<s> markiert nicht-mehr-zutreffende Inhalte (z.B. alter Preis). <del> markiert gelöschten Text mit Versionierungs-Bezug, z.B. in einem Diff. <del> kann cite- und datetime-Attribute haben.
Wie style ich Durchstreichung per CSS?
text-decoration: line-through. Ohne semantische Bedeutung — gut, wenn die Durchstreichung rein dekorativ ist.
Was ist das Gegenstück zu <del>?
<ins> markiert eingefügten Text. Browser stellen ihn meist unterstrichen dar. Beide Tags zusammen dokumentieren Änderungen.
Wofür sind ID, Class und Title?
id identifiziert ein Element eindeutig (für CSS, JS, Anker-Links). class erlaubt CSS-Styling, mehrere Klassen werden mit Leerzeichen getrennt. title erzeugt einen Tooltip beim Hover.
Funktioniert der Code in allen Browsern?
Alle hier erzeugten Elemente sind valides HTML5 und werden in allen modernen Browsern (Chrome, Firefox, Safari, Edge, Opera) unterstützt. Bei sehr alten Browsern (z.B. IE 11) kann es bei einzelnen Input-Typen wie color oder date Einschränkungen geben.