<del>: Das Deleted Text-Element
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Das <del> HTML Element repräsentiert einen Textbereich, der aus einem Dokument gelöscht wurde. Dies kann beispielsweise genutzt werden, um "Änderungen nachverfolgen" anzuzeigen oder Differenzinformationen im Quellcode darzustellen. Das <ins> Element kann dagegen verwendet werden, um anzuzeigen, dass Text dem Dokument hinzugefügt wurde.
Probieren Sie es aus
Dieses Element wird häufig (aber nicht zwingend) durch einen Durchstreich-Stil auf den Text gerendert.
Attribute
Die Attribute dieses Elements umfassen die globalen Attribute.
cite-
Eine URI für eine Ressource, die die Änderung erklärt (zum Beispiel Sitzungsprotokolle).
datetime-
Dieses Attribut gibt den Zeitpunkt und das Datum der Änderung an und muss eine gültige Datumszeichenkette mit optionaler Uhrzeit sein. Wenn der Wert nicht als Datum mit optionaler Zeitzeichenkette analysiert werden kann, hat das Element keinen zugeordneten Zeitstempel. Für das Format der Zeichenkette ohne Zeitangabe siehe Datumszeichenketten. Das Format der Zeichenkette, die sowohl Datum als auch Uhrzeit enthält, wird in Lokale Datums- und Zeitzeichenketten behandelt.
Barrierefreiheit
Das Vorhandensein des del-Elements wird in der Standardkonfiguration der meisten Bildschirmlesetechnologien nicht angekündigt. Es kann angekündigt werden, indem die CSS content-Eigenschaft zusammen mit den Pseudoelementen ::before und ::after verwendet wird.
del::before,
del::after {
clip-path: inset(100%);
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
del::before {
content: " [deletion start] ";
}
del::after {
content: " [deletion end] ";
}
Einige Personen, die Bildschirmlesegeräte verwenden, deaktivieren absichtlich die Ankündigung von Inhalten, die zusätzliche Wortfülle erzeugen. Aus diesem Grund ist es wichtig, diese Technik nicht zu missbrauchen und sie nur in Situationen anzuwenden, in denen das Nichtwissen über gelöschte Inhalte das Verständnis beeinträchtigen würde.
Beispiele
<p><del>This text has been deleted</del>, here is the rest of the paragraph.</p>
<del><p>This paragraph has been deleted.</p></del>
Ergebnis
Technische Zusammenfassung
| Inhaltskategorien | Inhalt in Phrasenform, Flussinhalt. |
|---|---|
| Erlaubter Inhalt | Transparent. |
| Tag-Auslassung | Keine, sowohl das Start- als auch das End-Tag sind erforderlich. |
| Erlaubte Eltern | Jedes Element, das Inhalt in Phrasenform akzeptiert. |
| Implizierte ARIA-Rolle |
deletion
|
| Erlaubte ARIA-Rollen | Beliebig |
| DOM-Schnittstelle | [`HTMLModElement`](/de/docs/Web/API/HTMLModElement) |
Spezifikationen
| Specification |
|---|
| HTML Standard # the-del-element |
Browser-Kompatibilität
BCD tables only load in the browser