<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.
Этот элемент часто (но не обязательно) отображается с помощью применения зачёркнутого стиля к тексту.
Категории контента | Фразовый контент или потоковый контент. |
---|---|
Разрешённый контент | Прозрачный. |
Пропуск тега | Нет, открывающий и закрывающий теги обязательны. |
Допустимые родители | Любой элемент, который принимает фразовый контент. |
Допустимые ARIA роли | Любые |
DOM интерфейс | HTMLModElement (en-US) |
Атрибуты
Атрибуты этого элемента включают глобальные атрибуты.
cite
- URI для ресурса, который объясняет изменение (например, протоколы соединений).
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] "; }
Некоторые люди, использующие программы чтения с экрана, сознательно отключают определение контента, что создаёт дополнительную многословность. Поэтому важно не злоупотреблять этой техникой, применяя её только в ситуациях, когда незнание контента, который был удалён, может негативно повлиять на восприятие.
Спецификации
Specification |
---|
HTML Standard # the-del-element |
Поддержка браузерами
BCD tables only load in the browser
Смотрите также
<ins>
элемент для вставки в текст-
<s>
(en-US) элемент для зачёркивания, отдельный от представления удалённого текста