<del>: The Deleted Text element
===============================

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

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

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

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

Атрибуты
--------

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

`cite`

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

`datetime`

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

Примеры
-------


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


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

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

| Specification |
| --- |
| HTML Standard # the-del-element |

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

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

* `<ins>` элемент для вставки в текст
* `
` (en-US) элемент для зачёркивания, отдельный от представления удалённого текста