<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> можно использовать для противоположной цели: указание текста, который был добавлен в документ.

Интерактивный пример

Этот элемент часто (но не обязательно) отображается с помощью применения зачёркнутого стиля к тексту.

Категории контента Фразовый контент или потоковый контент.
Допустимое содержимое Прозрачный.
Пропуск тегов Нет, открывающий и закрывающий теги обязательны.
Допустимые родители Любой элемент, который принимает фразовый контент.
Допустимые ARIA-роли Любые
DOM-интерфейс HTMLModElement

Атрибуты

Атрибуты этого элемента включают глобальные атрибуты.

cite

URI для ресурса, который объясняет изменение (например, протоколы соединений).

datetime

Этот атрибут устанавливает время и дату изменение и должен представлять собой строку с допустимой датой и временем (время не является обязательным параметром - параметр опционален). Если значение не может быть проанализировано как дата с опционально временем, элемент не будет иметь соответствующей временной отметки. Формат строки без времени смотри в Format of a valid date string. Формат строки с датой и временем описан в Format of a valid local date and time string.

Примеры

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>

Результат

~~This text has been deleted~~, here is the rest of the paragraph.

~~This paragraph has been deleted.~~

Доступность

Присутствие элемента del не определено в конфигурации по умолчанию большинством технологий чтения с экрана. Его можно задать, используя свойство CSS content, а также ::before и с помощью псевдоэлемента ::after.

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] ";
}

Некоторые люди, использующие программы чтения с экрана, сознательно отключают определение контента, что создаёт дополнительную многословность. Поэтому важно не злоупотреблять этой техникой, применяя её только в ситуациях, когда незнание контента, который был удалён, может негативно повлиять на восприятие.

Спецификации

Specification
HTML
# the-del-element

Совместимость с браузерами

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
del
cite
datetime

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Смотрите также

  • <ins> элемент для вставки в текст
  • <s> элемент для зачёркивания, отдельный от представления удалённого текста