<del>: Das gelöschte Textelement
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>
-Element HTML repräsentiert einen Textbereich, der aus einem Dokument entfernt wurde. Dies kann verwendet werden, um beispielsweise "Änderungen nachverfolgen" oder Quellcode-Differenzen darzustellen. Das <ins>
-Element kann für den gegenteiligen Zweck verwendet werden: um anzugeben, dass Text zum Dokument hinzugefügt wurde.
Probieren Sie es aus
<blockquote> There is <del>nothing</del> <ins>no code</ins> either good or bad, but <del>thinking</del> <ins>running it</ins> makes it so. </blockquote>
del { text-decoration: line-through; background-color: #fbb; color: #555; } ins { text-decoration: none; background-color: #d4fcbc; } blockquote { padding-left: 15px; border-left: 3px solid #d7d7db; font-size: 1rem; }
Dieses Element wird oft (aber nicht unbedingt) durch die Anwendung eines Durchstreichstils auf den Text dargestellt.
Attribute
Dieses Element beinhaltet die globalen Attribute.
cite
-
Ein URI zu einer Ressource, die die Änderung erklärt (zum Beispiel Sitzungsprotokolle).
datetime
-
Dieses Attribut gibt die Zeit und das Datum der Änderung an und muss eine gültige Datumszeichenkette mit einer optionalen Zeit sein. Wenn der Wert nicht als Datum mit einer optionalen Zeitzeichenkette geparst werden kann, hat das Element keinen zugehörigen Zeitstempel. Für das Format der Zeichenkette ohne Zeit siehe Datumszeichenketten. Das Format der Zeichenkette, falls sie sowohl Datum als auch Zeit enthält, wird in Lokale Datums- und Zeitzeichenketten behandelt.
Barrierefreiheit
Die Existenz des del
-Elements wird von den meisten Screenreader-Technologien in ihrer Standardeinstellung nicht angesagt. Es kann angesagt werden, indem die CSS-Eigenschaft content
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 Menschen, die Screenreader verwenden, deaktivieren das Ansagen von Inhalten, die zusätzliche Wortfülle erzeugen. Deshalb ist es wichtig, diese Technik nicht zu missbrauchen und sie nur in Situationen anzuwenden, in denen das Nichtkennen gelöschter 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 | Phrasierungsinhalt, Flussinhalt. |
---|---|
Erlaubter Inhalt | Transparent. |
Tag-Auslassung | Keine, sowohl das Start- als auch das End-Tag sind zwingend erforderlich. |
Erlaubte Eltern | Jedes Element, das Phrasierungsinhalt akzeptiert. |
Implizite ARIA-Rolle | deletion |
Erlaubte ARIA-Rollen | Beliebig |
DOM-Schnittstelle | [`HTMLModElement`](/de/docs/Web/API/HTMLModElement) |
Spezifikationen
Specification |
---|
HTML # the-del-element |