<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.

css
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

html
<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

Siehe auch

  • <ins> Element für Einfügungen in einen Text
  • <s> Element für Durchstreichung ohne Darstellung der Löschung von Text