HTML <del>-Tag
Das <del>-Tag kennzeichnet einen Teil des Textes, der aus dem Dokument entfernt wurde. Browser zeigen diesen Text durchgestrichen an. Um eine neue Version des Textes anzugeben, verwenden wir das <ins>-Tag, dessen Inhalt im Browser unterstrichen dargestellt wird.
TIP
Um den Text unterstrichen anzuzeigen, können Sie die CSS text-decoration-Eigenschaft mit dem Wert „underline“ verwenden.
Moderne Screenreader geben gelöschten Text in der Regel automatisch vor. Wenn zusätzlicher Kontext erforderlich ist, verwenden Sie aria-label oder aria-describedby anstelle von CSS content.
Syntax
Das <del>-Tag wird paarweise verwendet. Der Inhalt wird zwischen dem öffnenden (<del>) und dem schließenden (</del>) Tag geschrieben.
Beispiel für das HTML <del>-Tag:
HTML <del>-Tag
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>My favorite color is <del style="color:#8ebf42;">green</del> <ins style="color:#1c87c9;"> blue</ins>!</p>
</body>
</html>Ergebnis
Beispiel für das HTML <del>-Tag mit dem cite-Attribut:
Beispiel für das HTML <del>-Tag mit dem cite-Attribut
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>The <del cite="https://www.w3docs.com/learn-html/html-b-tag.html" style="color:#ff0000">b</del> <ins cite="https://www.w3docs.com/learn-html/html-strong-tag.html" style="color:#c10ccc;">strong</ins> tag being a logical tag is used to emphasize the importance of the text.</p>
</body>
</html>Beispiel für das HTML <del>-Tag mit dem datetime-Attribut:
Beispiel für das HTML <del>-Tag mit dem datetime-Attribut
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>The <del datetime="2023-10-25T14:30:00Z" style="color:#ff0000">old text</del> was replaced with new content.</p>
</body>
</html>Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| cite | URL | Gibt die URL des Dokuments an, die erklärt, warum der Text bearbeitet oder gelöscht wurde. |
| datetime | YYYY-MM-DDThh:mm:ssTZD | Definiert das Datum und die Uhrzeit des gelöschten Textes. |
Das <del>-Tag verwendet auch die Globalen Attribute und die Ereignisattribute.
Praxis
Welche sind die korrekten Verwendungen und Funktionen des HTML <del>-Tags gemäß dem Inhalt auf der angegebenen URL?