<del>: The Deleted Text element

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

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

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

Атрибуты

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

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

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

• Короткая заметка о создании своих меток (больше доступности) | The Paciello Group
• Тонкая настройка стилей уровня текста | Adrian Roselli

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

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

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

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

• <ins> элемент для вставки в текст

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