Durchgestrichener Text in HTML: Das Strikethrough-Element
Durchgestrichener Text in HTML: Das Strikethrough-Element
In HTML kannst du mit dem <del>-Tag Text durchstreichen, um anzuzeigen, dass er gelöscht oder ungültig ist. Dies ist vor allem nützlich, wenn du Inhalte bearbeiten oder Fehler korrigieren möchtest.
Syntax und Verwendung des Strikethrough-Tags
Die Syntax für das <del>-Tag ist wie folgt:
<del>Durchgestrichener Text</del>
Du kannst das <del>-Tag um jeden beliebigen Text wickeln, den du durchstreichen möchtest. Der resultierende Text wird dann mit einer durchgestrichenen Linie angezeigt.
Unterschiede zwischen , und
Neben dem <del>-Tag gibt es noch zwei weitere HTML-Tags, die zum Durchstreichen von Text verwendet werden können:
-
(deprecated): Der <s>-Tag wurde in HTML4 als Ersatz für <strike> eingeführt und ist immer noch weit verbreitet. Er ist jedoch veraltet und sollte nicht mehr verwendet werden.
-
(deprecated): Der <strike>-Tag wurde in HTML3 verwendet, um Text durchzustreichen. Er ist auch veraltet und sollte nicht mehr verwendet werden.
Verwende stattdessen das <del>-Tag für die Durchstreichung von Text.
Browser-Kompatibilität des Strikethrough-Elements
Das <del>-Tag wird von allen modernen Browsern unterstützt, einschließlich Chrome, Firefox, Safari, Edge und Opera.
Alternative Möglichkeiten, Text durchzustreichen
Neben dem <del>-Tag gibt es noch einige andere Möglichkeiten, Text durchzustreichen, allerdings sind diese nicht in HTML standardisiert:
-
CSS-Textdekoration: Du kannst die CSS-Eigenschaft
text-decoration verwenden, um eine durchgestrichene Linie hinzuzufügen. Dies ist jedoch nicht semantisch korrekt.
-
Bilder: Du kannst ein Bild einer durchgestrichenen Linie verwenden, um Text zu durchstreichen. Dies ist jedoch nicht zugänglich und sollte nur als letzte Möglichkeit verwendet werden.
Verwendung des Strikethrough-Elements für verschiedene Zwecke
Das <del>-Tag kann für eine Vielzahl von Zwecken verwendet werden, darunter:
-
Gelöschte Inhalte: Zum Durchstreichen von Inhalten, die entfernt oder ungültig sind.
-
Fehlerkorrekturen: Zum Durchstreichen von Fehlern und zum Anzeigen der korrigierten Version.
-
Bearbeitungen: Zum Anzeigen von Änderungen an Text, indem durchgestrichener Text gelöscht und neuer Text eingefügt wird.
-
Historische Inhalte: Zum Durchstreichen von Text, der nicht mehr aktuell ist, aber zu historischen Zwecken beibehalten werden soll.
Tipps zur Verwendung des Strikethrough-Elements
- Verwende das
<del>-Tag sparsam, da zu viel durchgestrichener Text verwirrend sein kann.
- Stelle sicher, dass der durchgestrichene Text für den Benutzer klar ersichtlich ist.
- Verwende das
<del>-Tag nicht, um hervorzuheben oder visuelle Effekte zu erzielen.
Häufige Probleme und Lösungen bei der Verwendung des Strikethrough-Elements
-
Durchgestrichener Text wird nicht angezeigt: Stelle sicher, dass du das
<del>-Tag richtig verwendest und dass dein Browser das Tag unterstützt.
-
Durchgestrichener Text ist zu dick: Passe die Dicke der durchgestrichenen Linie über CSS an.
-
Durchgestrichener Text ist nicht barrierefrei: Sorge dafür, dass durchgestrichener Text auch für Benutzer zugänglich ist, die ihn möglicherweise nicht sehen können, indem du Alternativtext oder andere Hilfsmittel bereitstellst.
Syntax und Verwendung des Strikethrough-Tags
Das Strikethrough-Element wird im HTML-Code verwendet, um Text durchzustreichen, um anzuzeigen, dass dieser nicht mehr gültig oder relevant ist. Die Syntax lautet wie folgt:
<s>Text, den du durchstreichen möchtest</s>
Das Strikethrough-Tag kann verwendet werden, um sowohl Text als auch blockweise Elemente durchzustreichen. Um beispielsweise eine gesamte Überschrift durchzustreichen, kannst du wie folgt vorgehen:
<h1><s>Überschrift, die du durchstreichen möchtest</s></h1>
Attribute des Strikethrough-Tags
Das Strikethrough-Tag unterstützt keine Attribute.
Platzierung des Strikethrough-Tags
Das Strikethrough-Tag sollte um den Text oder das Element platziert werden, das du durchstreichen möchtest. Vermeide es, das Strikethrough-Tag innerhalb anderer Inline-Elemente wie <strong> oder <a> zu verwenden, da dies zu unerwarteten Ergebnissen führen kann.
Alternative Schreibweise
Das Strikethrough-Tag kann auch in einer alternativen Schreibweise verwendet werden:
<strike>Text, den du durchstreichen möchtest</strike>
Diese Schreibweise ist jedoch veraltet und wird nicht mehr empfohlen.
Unterschiede zwischen , und
Wenn du Text durchstreichen möchtest, stehen dir in HTML drei verschiedene Tags zur Verfügung: , und . Jedes Tag hat seine eigenen Vor- und Nachteile.
(Durchgestrichen)
- Verwendet den CSS-Stil
text-decoration: line-through;.
- Bietet semantische Bedeutung für durchgestrichenen Text.
- Wird von allen modernen Browsern unterstützt.
(Durchgestrichen)
- Veraltet; wurde in HTML4 definiert und ist seit HTML5 nicht mehr empfohlen.
- Verwendet den CSS-Stil
text-decoration: line-through;.
- Wird von den meisten Browsern unterstützt, ist aber möglicherweise nicht standardkonform.
(Tabellenüberschrift)
- Wird zum Erstellen von Überschriftenzellen in Tabellen verwendet.
- Kann auch Text durchstreichen, indem
text-decoration: line-through; in CSS verwendet wird.
- Wird von allen modernen Browsern unterstützt, sollte jedoch für die Durchstreichung von Text vermieden werden.
Zusammenfassung
- Verwende
für semantisch korrekten und modernen durchgestrichenen Text.
- Verwende
nur, wenn du Kompatibilität mit älteren Browsern benötigst.
- Verwende
nicht für die Durchstreichung von Text, es sei denn, du erstellst eine Tabelle.
Browser-Kompatibilität des Strikethrough-Elements
Das Strikethrough-Element wird von allen gängigen Browsern unterstützt, einschließlich:
Desktop-Browser
- Google Chrome
- Mozilla Firefox
- Microsoft Edge
- Apple Safari
- Opera
Mobile Browser
- Apple Safari (iOS)
- Google Chrome (Android)
- Mozilla Firefox (Android)
Unterschiede in der Darstellung
Während das Strikethrough-Element von allen Browsern unterstützt wird, können geringfügige Unterschiede in der Darstellung auftreten. In einigen Browsern kann die gestrichene Linie dicker oder dünner erscheinen, oder sie kann sich in Farbe oder Deckkraft unterscheiden.
Kompatibilitätstabelle
Für eine detailliertere Übersicht über die Browser-Kompatibilität kannst du die folgende Tabelle konsultieren:
Browser
Unterstützung
Google Chrome
Vollständige Unterstützung
Mozilla Firefox
Vollständige Unterstützung
Microsoft Edge
Vollständige Unterstützung
Apple Safari
Vollständige Unterstützung
Opera
Vollständige Unterstützung
Apple Safari (iOS)
Vollständige Unterstützung
Google Chrome (Android)
Vollständige Unterstützung
Mozilla Firefox (Android)
Vollständige Unterstützung
Hinweise
- In älteren Versionen von Internet Explorer wurde das
<strike>-Tag unterstützt, das inzwischen vom <del>-Tag abgelöst wurde.
- Die Verwendung des
<del>-Tags kann zu Problemen bei der Barrierefreiheit führen, da es den durchgestrichenen Text als gelöscht markiert. Daher wird die Verwendung des <del>-Tags für dekorative Zwecke nicht empfohlen.
Alternative Möglichkeiten, Text durchzustreichen
Neben dem HTML-Element <strike> und <s> gibt es weitere Möglichkeiten, Text durchzustreichen:
CSS mit Textdekoration
Durch die Deklaration der CSS-Eigenschaft text-decoration mit dem Wert line-through kannst du Text durchstreichen. Dies ist eine flexible Methode, da du weitere Stile wie Farbe oder Strichstärke anpassen kannst.
.durchgestrichen {
text-decoration: line-through;
}
Wordprozessoren und Texteditoren
Viele Wordprozessoren und Texteditoren (wie Microsoft Word, Google Docs oder TextEdit) bieten integrierte Funktionen zum Durchstreichen von Text. Dies kann über das Menü "Format" oder über Tastenkombinationen erreicht werden.
Grafische Bearbeitungsprogramme
In grafischen Bearbeitungsprogrammen wie Adobe Photoshop oder GIMP kannst du Text durchstreichen, indem du eine Strichlinie auf den Text zeichnest. Diese Methode ist besonders nützlich, wenn du Text in Bildern oder Grafiken durchstreichen möchtest.
Browser-Erweiterungen
Im Chrome Web Store oder Mozilla Add-ons Store findest du Browser-Erweiterungen, die dir das Durchstreichen von Text auf Webseiten ermöglichen. Diese Erweiterungen bieten oft zusätzliche Funktionen wie benutzerdefinierte Farben oder Tastaturkürzel.
Verwendung des Strikethrough-Elements für verschiedene Zwecke
Das Strikethrough-Element kann in verschiedenen Kontexten und für unterschiedliche Zwecke eingesetzt werden.
Durchstreichen von Fehlern oder veralteten Informationen
Eine häufige Verwendung des Strikethrough-Elements ist es, Fehler oder veraltete Informationen auf Websites oder in Dokumenten zu kennzeichnen. Dies hilft dir, die Aufmerksamkeit des Lesers auf diese Informationen zu lenken und Missverständnisse zu vermeiden.
Hervorheben von Änderungen oder Ergänzungen
Wenn du Änderungen oder Ergänzungen an einem Text vornimmst, kannst du das Strikethrough-Element verwenden, um die alten Informationen durchzustreichen und die neuen Informationen hervorzuheben. Dies erleichtert es dem Leser, die Unterschiede zwischen den beiden Versionen des Textes zu erkennen.
Verwendung als Stilmittel
Das Strikethrough-Element kann auch als Stilmittel verwendet werden, um bestimmte Wörter oder Phrasen hervorzuheben. Dies kann eine effektive Möglichkeit sein, Aufmerksamkeit zu erregen oder eine Aussage zu betonen.
Verwendung in Tabellen
In HTML-Tabellen kann das Strikethrough-Element verwendet werden, um durchgestrichene Zeilen oder Spalten zu erstellen. Dies kann hilfreich sein, um Daten hervorzuheben oder zu markieren, die entfernt oder als ungültig gelten.
Verwendung in E-Mails
In E-Mails kannst du das Strikethrough-Element verwenden, um durchgestrichenen Text zu erstellen, um Fehler zu kennzeichnen oder anzuzeigen, dass eine Aufgabe abgeschlossen ist. Einige E-Mail-Clients bieten sogar dedizierte Schaltflächen zum Hinzufügen von Strikethrough-Text an.
Tipps zur Verwendung des Strikethrough-Elements
Wann das Strikethrough-Element verwenden?
- Nutze das Strikethrough-Element, um Text zu kennzeichnen, der nicht mehr relevant oder veraltet ist.
- Verwende es in Notizen oder Listen, um abgeschlossene Aufgaben oder erledigte Punkte hervorzuheben.
- Nutze es in Überprüfungsprozessen, um gelöschten Text zu kennzeichnen.
Best Practices
-
Sei sparsam: Setze das Strikethrough-Element nur sparsam ein, um seine Wirkung zu maximieren.
-
Betone die Bedeutung: Nutze das Element strategisch, um Text hervorzuheben, der für den Leser wichtig ist.
-
Kombinieren mit anderen Elementen: Kombiniere das Strikethrough-Element mit anderen Textelementen wie Fettschrift oder Unterstreichung, um die Betonung zu verstärken.
-
Vermeide übermäßigen Einsatz: Ein übermäßiger Einsatz des Strikethrough-Elements kann den Text unübersichtlich machen.
Zugänglichkeit
-
Bildschirmausleseprogramme: Screenreader lesen den durchgestrichenen Text als "durchgestrichen".
-
Farbkontrast: Sorge für einen ausreichenden Farbkontrast zwischen dem durchgestrichenen Text und dem Hintergrund, um die Lesbarkeit zu verbessern.
Zusätzliche Tipps
-
Nutze konsistente Stile: Halte dich an einen einheitlichen Stil für durchgestrichenen Text, um ein ordentliches und professionelles Aussehen zu erzielen.
-
Betrachte die Browser-Kompatibilität: Vergewissere dich, dass das Strikethrough-Element in den von deinem Publikum verwendeten Browsern unterstützt wird.
-
Verwende Tools zur Textverarbeitung: Verwende Textverarbeitungsprogramme wie Microsoft Word oder Google Docs, die integrierte Optionen zum Durchstreichen von Text bieten.
Häufige Probleme und Lösungen bei der Verwendung des Strikethrough-Elements
Beim Verwenden des Strikethrough-Elements kannst du auf verschiedene Probleme stoßen. Im Folgenden findest du einige häufige Probleme und deren Lösungen:
Das Strikethrough-Element wird auf meiner Webseite nicht angezeigt
-
Problem: Das Strikethrough-Element wird in deinem Browser nicht als durchgestrichener Text dargestellt.
-
Lösung: Überprüfe, ob dein Browser das Strikethrough-Element unterstützt. Ältere Browser wie Internet Explorer 8 und früher unterstützen dieses Element möglicherweise nicht.
Der durchgestrichene Text ist zu dick
-
Problem: Der durchgestrichene Text ist zu dick und fällt dadurch zu sehr auf.
-
Lösung: Verwende CSS, um die Dicke der Linie anzupassen. Beispiel:
s {
text-decoration: line-through;
text-decoration-thickness: 1px;
}
Der durchgestrichene Text ist nicht richtig positioniert
-
Problem: Der durchgestrichene Text ist zu hoch oder zu niedrig positioniert.
-
Lösung: Verwende CSS, um die vertikale Positionierung der Linie anzupassen. Beispiel:
s {
text-decoration: line-through;
text-decoration-offset: 3px;
}
Das Strikethrough-Element funktioniert nicht mit bestimmten Schriftarten
-
Problem: Das Strikethrough-Element wird bei einigen Schriftarten nicht korrekt angezeigt.
-
Lösung: Probiere verschiedene Schriftarten aus oder verwende eine andere Methode zum Durchstreichen von Text, z. B. Bildbearbeitung oder die
-Tags.
Neue Posts
World of Warcraft auf Linux spielen: Eine guide für Abenteurer
Einführung in World of Warcraft
Node.js NVM: Antworten auf die häufigsten Fragen
Entwicklung
Professionelle Gmail-HTML-Signaturen: Erstellen, Gestalten und Nutzen
Marketingstrategien
Die vollständige Anleitung zu poczta wp: Alles, was Sie wissen müssen
Sicherheit und Datenschutz
HTML-Content: Der ultimative Leitfaden zur Erstellung ansprechender Webseiten
SEO-Optimierung
Das HTML-Title-Attribut: Ein Leitfaden zur Optimierung von Titeln für SEO und Benutzerfreundlichkeit
Online-Marketing
HTTP-Statuscodes: Ihre Bedeutung und Verwendung im Web
Einführung in HTTP-Statuscodes
Besucherzähler für Websites: Tracking Ihres Website-Traffics für Erfolg
SEO-Optimierung
Beschleunigen Sie die Dateneingabe mit HTML Datalist
Webentwicklung
HTML in PUG konvertieren: Einfach und schnell gemacht
Webentwicklung
Beliebte Posts
SteamCMD: Der umfassende Leitfaden zur Verwaltung von Steam-Servern
Sicherheitsrichtlinien
POST-Anfragen: Erstellen, Senden und Empfangen von Daten im Web
Webentwicklung
LaTeX: Das mächtige Werkzeug für hochwertiges Dokumentenschreiben
Dokumentenerstellung
Wiederherstellung beschädigter Linux-Dateisysteme mit fsck: Ein umfassender Leitfaden
Fehlerbehebung
Die vollständige Anleitung zu poczta wp: Alles, was Sie wissen müssen
Sicherheit und Datenschutz
Gigacube Admin: Zugang zu den erweiterten Einstellungen Ihres Routers
Fehlerbehebung
Linux Mint Themes: Personalisieren Sie Ihren Desktop
Open Source
TCPdump-Beispiele: Paketakquise und Netzwerkdiagnose
Fehlerbehebung
Mounten von ISO-Images unter Linux: Eine Schritt-für-Schritt-Anleitung
Anleitungen
Linux Open File: Anleitung zum Öffnen, Bearbeiten und Löschen von Dateien aus dem Terminal
Open Source
Neben dem <del>-Tag gibt es noch zwei weitere HTML-Tags, die zum Durchstreichen von Text verwendet werden können:
-
(deprecated): Der<s>-Tag wurde in HTML4 als Ersatz für<strike>eingeführt und ist immer noch weit verbreitet. Er ist jedoch veraltet und sollte nicht mehr verwendet werden. -
(deprecated): Der<strike>-Tag wurde in HTML3 verwendet, um Text durchzustreichen. Er ist auch veraltet und sollte nicht mehr verwendet werden.
Verwende stattdessen das <del>-Tag für die Durchstreichung von Text.
Browser-Kompatibilität des Strikethrough-Elements
Das <del>-Tag wird von allen modernen Browsern unterstützt, einschließlich Chrome, Firefox, Safari, Edge und Opera.
Alternative Möglichkeiten, Text durchzustreichen
Neben dem <del>-Tag gibt es noch einige andere Möglichkeiten, Text durchzustreichen, allerdings sind diese nicht in HTML standardisiert:
-
CSS-Textdekoration: Du kannst die CSS-Eigenschaft
text-decorationverwenden, um eine durchgestrichene Linie hinzuzufügen. Dies ist jedoch nicht semantisch korrekt. - Bilder: Du kannst ein Bild einer durchgestrichenen Linie verwenden, um Text zu durchstreichen. Dies ist jedoch nicht zugänglich und sollte nur als letzte Möglichkeit verwendet werden.
Verwendung des Strikethrough-Elements für verschiedene Zwecke
Das <del>-Tag kann für eine Vielzahl von Zwecken verwendet werden, darunter:
- Gelöschte Inhalte: Zum Durchstreichen von Inhalten, die entfernt oder ungültig sind.
- Fehlerkorrekturen: Zum Durchstreichen von Fehlern und zum Anzeigen der korrigierten Version.
- Bearbeitungen: Zum Anzeigen von Änderungen an Text, indem durchgestrichener Text gelöscht und neuer Text eingefügt wird.
- Historische Inhalte: Zum Durchstreichen von Text, der nicht mehr aktuell ist, aber zu historischen Zwecken beibehalten werden soll.
Tipps zur Verwendung des Strikethrough-Elements
- Verwende das
<del>-Tag sparsam, da zu viel durchgestrichener Text verwirrend sein kann. - Stelle sicher, dass der durchgestrichene Text für den Benutzer klar ersichtlich ist.
- Verwende das
<del>-Tag nicht, um hervorzuheben oder visuelle Effekte zu erzielen.
Häufige Probleme und Lösungen bei der Verwendung des Strikethrough-Elements
-
Durchgestrichener Text wird nicht angezeigt: Stelle sicher, dass du das
<del>-Tag richtig verwendest und dass dein Browser das Tag unterstützt. - Durchgestrichener Text ist zu dick: Passe die Dicke der durchgestrichenen Linie über CSS an.
- Durchgestrichener Text ist nicht barrierefrei: Sorge dafür, dass durchgestrichener Text auch für Benutzer zugänglich ist, die ihn möglicherweise nicht sehen können, indem du Alternativtext oder andere Hilfsmittel bereitstellst.
Syntax und Verwendung des Strikethrough-Tags
Das Strikethrough-Element wird im HTML-Code verwendet, um Text durchzustreichen, um anzuzeigen, dass dieser nicht mehr gültig oder relevant ist. Die Syntax lautet wie folgt:
<s>Text, den du durchstreichen möchtest</s>
Das Strikethrough-Tag kann verwendet werden, um sowohl Text als auch blockweise Elemente durchzustreichen. Um beispielsweise eine gesamte Überschrift durchzustreichen, kannst du wie folgt vorgehen:
<h1><s>Überschrift, die du durchstreichen möchtest</s></h1>
Attribute des Strikethrough-Tags
Das Strikethrough-Tag unterstützt keine Attribute.
Platzierung des Strikethrough-Tags
Das Strikethrough-Tag sollte um den Text oder das Element platziert werden, das du durchstreichen möchtest. Vermeide es, das Strikethrough-Tag innerhalb anderer Inline-Elemente wie <strong> oder <a> zu verwenden, da dies zu unerwarteten Ergebnissen führen kann.
Alternative Schreibweise
Das Strikethrough-Tag kann auch in einer alternativen Schreibweise verwendet werden:
<strike>Text, den du durchstreichen möchtest</strike>
Diese Schreibweise ist jedoch veraltet und wird nicht mehr empfohlen.
Unterschiede zwischen , und
Wenn du Text durchstreichen möchtest, stehen dir in HTML drei verschiedene Tags zur Verfügung: , und . Jedes Tag hat seine eigenen Vor- und Nachteile.
(Durchgestrichen)
- Verwendet den CSS-Stil
text-decoration: line-through;.
- Bietet semantische Bedeutung für durchgestrichenen Text.
- Wird von allen modernen Browsern unterstützt.
(Durchgestrichen)
- Veraltet; wurde in HTML4 definiert und ist seit HTML5 nicht mehr empfohlen.
- Verwendet den CSS-Stil
text-decoration: line-through;.
- Wird von den meisten Browsern unterstützt, ist aber möglicherweise nicht standardkonform.
(Tabellenüberschrift)
- Wird zum Erstellen von Überschriftenzellen in Tabellen verwendet.
- Kann auch Text durchstreichen, indem
text-decoration: line-through; in CSS verwendet wird.
- Wird von allen modernen Browsern unterstützt, sollte jedoch für die Durchstreichung von Text vermieden werden.
Zusammenfassung
- Verwende
für semantisch korrekten und modernen durchgestrichenen Text.
- Verwende
nur, wenn du Kompatibilität mit älteren Browsern benötigst.
- Verwende
nicht für die Durchstreichung von Text, es sei denn, du erstellst eine Tabelle.
Browser-Kompatibilität des Strikethrough-Elements
Das Strikethrough-Element wird von allen gängigen Browsern unterstützt, einschließlich:
Desktop-Browser
- Google Chrome
- Mozilla Firefox
- Microsoft Edge
- Apple Safari
- Opera
Mobile Browser
- Apple Safari (iOS)
- Google Chrome (Android)
- Mozilla Firefox (Android)
Unterschiede in der Darstellung
Während das Strikethrough-Element von allen Browsern unterstützt wird, können geringfügige Unterschiede in der Darstellung auftreten. In einigen Browsern kann die gestrichene Linie dicker oder dünner erscheinen, oder sie kann sich in Farbe oder Deckkraft unterscheiden.
Kompatibilitätstabelle
Für eine detailliertere Übersicht über die Browser-Kompatibilität kannst du die folgende Tabelle konsultieren:
Browser
Unterstützung
Google Chrome
Vollständige Unterstützung
Mozilla Firefox
Vollständige Unterstützung
Microsoft Edge
Vollständige Unterstützung
Apple Safari
Vollständige Unterstützung
Opera
Vollständige Unterstützung
Apple Safari (iOS)
Vollständige Unterstützung
Google Chrome (Android)
Vollständige Unterstützung
Mozilla Firefox (Android)
Vollständige Unterstützung
Hinweise
- In älteren Versionen von Internet Explorer wurde das
<strike>-Tag unterstützt, das inzwischen vom <del>-Tag abgelöst wurde.
- Die Verwendung des
<del>-Tags kann zu Problemen bei der Barrierefreiheit führen, da es den durchgestrichenen Text als gelöscht markiert. Daher wird die Verwendung des <del>-Tags für dekorative Zwecke nicht empfohlen.
Alternative Möglichkeiten, Text durchzustreichen
Neben dem HTML-Element <strike> und <s> gibt es weitere Möglichkeiten, Text durchzustreichen:
CSS mit Textdekoration
Durch die Deklaration der CSS-Eigenschaft text-decoration mit dem Wert line-through kannst du Text durchstreichen. Dies ist eine flexible Methode, da du weitere Stile wie Farbe oder Strichstärke anpassen kannst.
.durchgestrichen {
text-decoration: line-through;
}
Wordprozessoren und Texteditoren
Viele Wordprozessoren und Texteditoren (wie Microsoft Word, Google Docs oder TextEdit) bieten integrierte Funktionen zum Durchstreichen von Text. Dies kann über das Menü "Format" oder über Tastenkombinationen erreicht werden.
Grafische Bearbeitungsprogramme
In grafischen Bearbeitungsprogrammen wie Adobe Photoshop oder GIMP kannst du Text durchstreichen, indem du eine Strichlinie auf den Text zeichnest. Diese Methode ist besonders nützlich, wenn du Text in Bildern oder Grafiken durchstreichen möchtest.
Browser-Erweiterungen
Im Chrome Web Store oder Mozilla Add-ons Store findest du Browser-Erweiterungen, die dir das Durchstreichen von Text auf Webseiten ermöglichen. Diese Erweiterungen bieten oft zusätzliche Funktionen wie benutzerdefinierte Farben oder Tastaturkürzel.
Verwendung des Strikethrough-Elements für verschiedene Zwecke
Das Strikethrough-Element kann in verschiedenen Kontexten und für unterschiedliche Zwecke eingesetzt werden.
Durchstreichen von Fehlern oder veralteten Informationen
Eine häufige Verwendung des Strikethrough-Elements ist es, Fehler oder veraltete Informationen auf Websites oder in Dokumenten zu kennzeichnen. Dies hilft dir, die Aufmerksamkeit des Lesers auf diese Informationen zu lenken und Missverständnisse zu vermeiden.
Hervorheben von Änderungen oder Ergänzungen
Wenn du Änderungen oder Ergänzungen an einem Text vornimmst, kannst du das Strikethrough-Element verwenden, um die alten Informationen durchzustreichen und die neuen Informationen hervorzuheben. Dies erleichtert es dem Leser, die Unterschiede zwischen den beiden Versionen des Textes zu erkennen.
Verwendung als Stilmittel
Das Strikethrough-Element kann auch als Stilmittel verwendet werden, um bestimmte Wörter oder Phrasen hervorzuheben. Dies kann eine effektive Möglichkeit sein, Aufmerksamkeit zu erregen oder eine Aussage zu betonen.
Verwendung in Tabellen
In HTML-Tabellen kann das Strikethrough-Element verwendet werden, um durchgestrichene Zeilen oder Spalten zu erstellen. Dies kann hilfreich sein, um Daten hervorzuheben oder zu markieren, die entfernt oder als ungültig gelten.
Verwendung in E-Mails
In E-Mails kannst du das Strikethrough-Element verwenden, um durchgestrichenen Text zu erstellen, um Fehler zu kennzeichnen oder anzuzeigen, dass eine Aufgabe abgeschlossen ist. Einige E-Mail-Clients bieten sogar dedizierte Schaltflächen zum Hinzufügen von Strikethrough-Text an.
Tipps zur Verwendung des Strikethrough-Elements
Wann das Strikethrough-Element verwenden?
- Nutze das Strikethrough-Element, um Text zu kennzeichnen, der nicht mehr relevant oder veraltet ist.
- Verwende es in Notizen oder Listen, um abgeschlossene Aufgaben oder erledigte Punkte hervorzuheben.
- Nutze es in Überprüfungsprozessen, um gelöschten Text zu kennzeichnen.
Best Practices
-
Sei sparsam: Setze das Strikethrough-Element nur sparsam ein, um seine Wirkung zu maximieren.
-
Betone die Bedeutung: Nutze das Element strategisch, um Text hervorzuheben, der für den Leser wichtig ist.
-
Kombinieren mit anderen Elementen: Kombiniere das Strikethrough-Element mit anderen Textelementen wie Fettschrift oder Unterstreichung, um die Betonung zu verstärken.
-
Vermeide übermäßigen Einsatz: Ein übermäßiger Einsatz des Strikethrough-Elements kann den Text unübersichtlich machen.
Zugänglichkeit
-
Bildschirmausleseprogramme: Screenreader lesen den durchgestrichenen Text als "durchgestrichen".
-
Farbkontrast: Sorge für einen ausreichenden Farbkontrast zwischen dem durchgestrichenen Text und dem Hintergrund, um die Lesbarkeit zu verbessern.
Zusätzliche Tipps
-
Nutze konsistente Stile: Halte dich an einen einheitlichen Stil für durchgestrichenen Text, um ein ordentliches und professionelles Aussehen zu erzielen.
-
Betrachte die Browser-Kompatibilität: Vergewissere dich, dass das Strikethrough-Element in den von deinem Publikum verwendeten Browsern unterstützt wird.
-
Verwende Tools zur Textverarbeitung: Verwende Textverarbeitungsprogramme wie Microsoft Word oder Google Docs, die integrierte Optionen zum Durchstreichen von Text bieten.
Häufige Probleme und Lösungen bei der Verwendung des Strikethrough-Elements
Beim Verwenden des Strikethrough-Elements kannst du auf verschiedene Probleme stoßen. Im Folgenden findest du einige häufige Probleme und deren Lösungen:
Das Strikethrough-Element wird auf meiner Webseite nicht angezeigt
-
Problem: Das Strikethrough-Element wird in deinem Browser nicht als durchgestrichener Text dargestellt.
-
Lösung: Überprüfe, ob dein Browser das Strikethrough-Element unterstützt. Ältere Browser wie Internet Explorer 8 und früher unterstützen dieses Element möglicherweise nicht.
Der durchgestrichene Text ist zu dick
-
Problem: Der durchgestrichene Text ist zu dick und fällt dadurch zu sehr auf.
-
Lösung: Verwende CSS, um die Dicke der Linie anzupassen. Beispiel:
s {
text-decoration: line-through;
text-decoration-thickness: 1px;
}
Der durchgestrichene Text ist nicht richtig positioniert
-
Problem: Der durchgestrichene Text ist zu hoch oder zu niedrig positioniert.
-
Lösung: Verwende CSS, um die vertikale Positionierung der Linie anzupassen. Beispiel:
s {
text-decoration: line-through;
text-decoration-offset: 3px;
}
Das Strikethrough-Element funktioniert nicht mit bestimmten Schriftarten
-
Problem: Das Strikethrough-Element wird bei einigen Schriftarten nicht korrekt angezeigt.
-
Lösung: Probiere verschiedene Schriftarten aus oder verwende eine andere Methode zum Durchstreichen von Text, z. B. Bildbearbeitung oder die
-Tags.
Neue Posts
World of Warcraft auf Linux spielen: Eine guide für Abenteurer
Einführung in World of Warcraft
Node.js NVM: Antworten auf die häufigsten Fragen
Entwicklung
Professionelle Gmail-HTML-Signaturen: Erstellen, Gestalten und Nutzen
Marketingstrategien
Die vollständige Anleitung zu poczta wp: Alles, was Sie wissen müssen
Sicherheit und Datenschutz
HTML-Content: Der ultimative Leitfaden zur Erstellung ansprechender Webseiten
SEO-Optimierung
Das HTML-Title-Attribut: Ein Leitfaden zur Optimierung von Titeln für SEO und Benutzerfreundlichkeit
Online-Marketing
HTTP-Statuscodes: Ihre Bedeutung und Verwendung im Web
Einführung in HTTP-Statuscodes
Besucherzähler für Websites: Tracking Ihres Website-Traffics für Erfolg
SEO-Optimierung
Beschleunigen Sie die Dateneingabe mit HTML Datalist
Webentwicklung
HTML in PUG konvertieren: Einfach und schnell gemacht
Webentwicklung
Beliebte Posts
SteamCMD: Der umfassende Leitfaden zur Verwaltung von Steam-Servern
Sicherheitsrichtlinien
POST-Anfragen: Erstellen, Senden und Empfangen von Daten im Web
Webentwicklung
LaTeX: Das mächtige Werkzeug für hochwertiges Dokumentenschreiben
Dokumentenerstellung
Wiederherstellung beschädigter Linux-Dateisysteme mit fsck: Ein umfassender Leitfaden
Fehlerbehebung
Die vollständige Anleitung zu poczta wp: Alles, was Sie wissen müssen
Sicherheit und Datenschutz
Gigacube Admin: Zugang zu den erweiterten Einstellungen Ihres Routers
Fehlerbehebung
Linux Mint Themes: Personalisieren Sie Ihren Desktop
Open Source
TCPdump-Beispiele: Paketakquise und Netzwerkdiagnose
Fehlerbehebung
Mounten von ISO-Images unter Linux: Eine Schritt-für-Schritt-Anleitung
Anleitungen
Linux Open File: Anleitung zum Öffnen, Bearbeiten und Löschen von Dateien aus dem Terminal
Open Source
Wenn du Text durchstreichen möchtest, stehen dir in HTML drei verschiedene Tags zur Verfügung: Das Strikethrough-Element wird von allen gängigen Browsern unterstützt, einschließlich: Während das Strikethrough-Element von allen Browsern unterstützt wird, können geringfügige Unterschiede in der Darstellung auftreten. In einigen Browsern kann die gestrichene Linie dicker oder dünner erscheinen, oder sie kann sich in Farbe oder Deckkraft unterscheiden. Für eine detailliertere Übersicht über die Browser-Kompatibilität kannst du die folgende Tabelle konsultieren: Neben dem HTML-Element Durch die Deklaration der CSS-Eigenschaft Viele Wordprozessoren und Texteditoren (wie Microsoft Word, Google Docs oder TextEdit) bieten integrierte Funktionen zum Durchstreichen von Text. Dies kann über das Menü "Format" oder über Tastenkombinationen erreicht werden. In grafischen Bearbeitungsprogrammen wie Adobe Photoshop oder GIMP kannst du Text durchstreichen, indem du eine Strichlinie auf den Text zeichnest. Diese Methode ist besonders nützlich, wenn du Text in Bildern oder Grafiken durchstreichen möchtest. Im Chrome Web Store oder Mozilla Add-ons Store findest du Browser-Erweiterungen, die dir das Durchstreichen von Text auf Webseiten ermöglichen. Diese Erweiterungen bieten oft zusätzliche Funktionen wie benutzerdefinierte Farben oder Tastaturkürzel. Das Strikethrough-Element kann in verschiedenen Kontexten und für unterschiedliche Zwecke eingesetzt werden. Eine häufige Verwendung des Strikethrough-Elements ist es, Fehler oder veraltete Informationen auf Websites oder in Dokumenten zu kennzeichnen. Dies hilft dir, die Aufmerksamkeit des Lesers auf diese Informationen zu lenken und Missverständnisse zu vermeiden. Wenn du Änderungen oder Ergänzungen an einem Text vornimmst, kannst du das Strikethrough-Element verwenden, um die alten Informationen durchzustreichen und die neuen Informationen hervorzuheben. Dies erleichtert es dem Leser, die Unterschiede zwischen den beiden Versionen des Textes zu erkennen. Das Strikethrough-Element kann auch als Stilmittel verwendet werden, um bestimmte Wörter oder Phrasen hervorzuheben. Dies kann eine effektive Möglichkeit sein, Aufmerksamkeit zu erregen oder eine Aussage zu betonen. In HTML-Tabellen kann das Strikethrough-Element verwendet werden, um durchgestrichene Zeilen oder Spalten zu erstellen. Dies kann hilfreich sein, um Daten hervorzuheben oder zu markieren, die entfernt oder als ungültig gelten. In E-Mails kannst du das Strikethrough-Element verwenden, um durchgestrichenen Text zu erstellen, um Fehler zu kennzeichnen oder anzuzeigen, dass eine Aufgabe abgeschlossen ist. Einige E-Mail-Clients bieten sogar dedizierte Schaltflächen zum Hinzufügen von Strikethrough-Text an. Beim Verwenden des Strikethrough-Elements kannst du auf verschiedene Probleme stoßen. Im Folgenden findest du einige häufige Probleme und deren Lösungen:
Einführung in World of Warcraft
Entwicklung
Marketingstrategien
Sicherheit und Datenschutz
SEO-Optimierung
Online-Marketing
Einführung in HTTP-Statuscodes
SEO-Optimierung
Webentwicklung
Webentwicklung
Sicherheitsrichtlinien
Webentwicklung
Dokumentenerstellung
Fehlerbehebung
Sicherheit und Datenschutz
Fehlerbehebung
Open Source
Fehlerbehebung
Anleitungen
Open Source
, und . Jedes Tag hat seine eigenen Vor- und Nachteile.
(Durchgestrichen)
text-decoration: line-through;. (Durchgestrichen)
text-decoration: line-through;. (Tabellenüberschrift)
text-decoration: line-through; in CSS verwendet wird.Zusammenfassung
für semantisch korrekten und modernen durchgestrichenen Text. nur, wenn du Kompatibilität mit älteren Browsern benötigst. nicht für die Durchstreichung von Text, es sei denn, du erstellst eine Tabelle.
Browser-Kompatibilität des Strikethrough-Elements
Desktop-Browser
Mobile Browser
Unterschiede in der Darstellung
Kompatibilitätstabelle
Browser
Unterstützung
Google Chrome
Vollständige Unterstützung
Mozilla Firefox
Vollständige Unterstützung
Microsoft Edge
Vollständige Unterstützung
Apple Safari
Vollständige Unterstützung
Opera
Vollständige Unterstützung
Apple Safari (iOS)
Vollständige Unterstützung
Google Chrome (Android)
Vollständige Unterstützung
Mozilla Firefox (Android)
Vollständige Unterstützung
Hinweise
<strike>-Tag unterstützt, das inzwischen vom <del>-Tag abgelöst wurde.<del>-Tags kann zu Problemen bei der Barrierefreiheit führen, da es den durchgestrichenen Text als gelöscht markiert. Daher wird die Verwendung des <del>-Tags für dekorative Zwecke nicht empfohlen.Alternative Möglichkeiten, Text durchzustreichen
<strike> und <s> gibt es weitere Möglichkeiten, Text durchzustreichen:CSS mit Textdekoration
text-decoration mit dem Wert line-through kannst du Text durchstreichen. Dies ist eine flexible Methode, da du weitere Stile wie Farbe oder Strichstärke anpassen kannst..durchgestrichen {
text-decoration: line-through;
}
Wordprozessoren und Texteditoren
Grafische Bearbeitungsprogramme
Browser-Erweiterungen
Verwendung des Strikethrough-Elements für verschiedene Zwecke
Durchstreichen von Fehlern oder veralteten Informationen
Hervorheben von Änderungen oder Ergänzungen
Verwendung als Stilmittel
Verwendung in Tabellen
Verwendung in E-Mails
Tipps zur Verwendung des Strikethrough-Elements
Wann das Strikethrough-Element verwenden?
Best Practices
Zugänglichkeit
Zusätzliche Tipps
Häufige Probleme und Lösungen bei der Verwendung des Strikethrough-Elements
Das Strikethrough-Element wird auf meiner Webseite nicht angezeigt
Der durchgestrichene Text ist zu dick
s {
text-decoration: line-through;
text-decoration-thickness: 1px;
}
Der durchgestrichene Text ist nicht richtig positioniert
s {
text-decoration: line-through;
text-decoration-offset: 3px;
}
Das Strikethrough-Element funktioniert nicht mit bestimmten Schriftarten
-Tags.Neue Posts
World of Warcraft auf Linux spielen: Eine guide für Abenteurer
Node.js NVM: Antworten auf die häufigsten Fragen
Professionelle Gmail-HTML-Signaturen: Erstellen, Gestalten und Nutzen
Die vollständige Anleitung zu poczta wp: Alles, was Sie wissen müssen
HTML-Content: Der ultimative Leitfaden zur Erstellung ansprechender Webseiten
Das HTML-Title-Attribut: Ein Leitfaden zur Optimierung von Titeln für SEO und Benutzerfreundlichkeit
HTTP-Statuscodes: Ihre Bedeutung und Verwendung im Web
Besucherzähler für Websites: Tracking Ihres Website-Traffics für Erfolg
Beschleunigen Sie die Dateneingabe mit HTML Datalist
HTML in PUG konvertieren: Einfach und schnell gemacht
Beliebte Posts
SteamCMD: Der umfassende Leitfaden zur Verwaltung von Steam-Servern
POST-Anfragen: Erstellen, Senden und Empfangen von Daten im Web
LaTeX: Das mächtige Werkzeug für hochwertiges Dokumentenschreiben
Wiederherstellung beschädigter Linux-Dateisysteme mit fsck: Ein umfassender Leitfaden
Die vollständige Anleitung zu poczta wp: Alles, was Sie wissen müssen
Gigacube Admin: Zugang zu den erweiterten Einstellungen Ihres Routers
Linux Mint Themes: Personalisieren Sie Ihren Desktop
TCPdump-Beispiele: Paketakquise und Netzwerkdiagnose
Mounten von ISO-Images unter Linux: Eine Schritt-für-Schritt-Anleitung
Linux Open File: Anleitung zum Öffnen, Bearbeiten und Löschen von Dateien aus dem Terminal