<del>: The 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.
Элемент **HTML <del> **представляет диапазон текста, который был удалён из документа. Он может быть использован, например, при отображении "отслеживания изменений" или различий в исходном коде. Элемент <ins> можно использовать для противоположной цели: указание текста, который был добавлен в документ.
Интерактивный пример
<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; } Этот элемент часто (но не обязательно) отображается с помощью применения зачёркнутого стиля к тексту.
| Категории контента | Фразовый контент или потоковый контент. |
|---|---|
| Допустимое содержимое | Прозрачный. |
| Пропуск тегов | Нет, открывающий и закрывающий теги обязательны. |
| Допустимые родители | Любой элемент, который принимает фразовый контент. |
| Допустимые ARIA-роли | Любые |
| DOM-интерфейс | HTMLModElement |
Атрибуты
Атрибуты этого элемента включают глобальные атрибуты.
citeURI для ресурса, который объясняет изменение (например, протоколы соединений).
datetimeЭтот атрибут устанавливает время и дату изменение и должен представлять собой строку с допустимой датой и временем (время не является обязательным параметром - параметр опционален). Если значение не может быть проанализировано как дата с опционально временем, элемент не будет иметь соответствующей временной отметки. Формат строки без времени смотри в Format of a valid date string. Формат строки с датой и временем описан в Format of a valid local date and time string.
Примеры
<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> Результат
~~This text has been deleted~~, here is the rest of the paragraph.
~~This paragraph has been deleted.~~
Доступность
Присутствие элемента del не определено в конфигурации по умолчанию большинством технологий чтения с экрана. Его можно задать, используя свойство CSS content, а также ::before и с помощью псевдоэлемента ::after.
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] "; } Некоторые люди, использующие программы чтения с экрана, сознательно отключают определение контента, что создаёт дополнительную многословность. Поэтому важно не злоупотреблять этой техникой, применяя её только в ситуациях, когда незнание контента, который был удалён, может негативно повлиять на восприятие.
Спецификации
| Specification |
|---|
| HTML # the-del-element |
