<del>: The Deleted Text element

Элемент HTML <del> представляет диапазон текста, который был удален из документа. Он может быть использован, например, при отображении "отслеживания изменений" или различий в исходном коде. Элемент <ins> можно использовать для противоположной цели: указание текста, который был добавлен в документ.

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

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

Атрибуты

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

cite
URI для ресурса, который объясняет изменение (fнапример, протоколы соединений).
datetime
Этот атрибут устанавливает время и дату изменение и должен представлять собой строку с допустимой датой и временем (время не является обязательным параметром - параметр опционален). Если значение не может быть проанализировано как дата с опциональм временем, элемент не будет иметь соответствующей временной отметки. Формат строки без времени смотри в Format of a valid date string в Date and time formats used in HTML. Формат строки с датой и временем описан в Format of a valid local date and time string в Date and time formats used in 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.

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

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

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

Спецификация Статус Комментарий
HTML Living Standard
Определение '<del>' в этой спецификации.
Живой стандарт  
HTML5
Определение '<del>' в этой спецификации.
Рекомендация  
HTML 4.01 Specification
Определение '<del>' в этой спецификации.
Рекомендация  

Поддержка браузерами

BCD tables only load in the browser

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

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