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

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

Категории контента Фразовый контент или потоковый контент.
Разрешенный контент Прозрачный.
Пропуск тега None, both the starting and ending tag are mandatory.
Допустимые родители Любой элемент, который принимает фразовый контент.
Допустимые 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>' в этой спецификации.
Рекомендация  

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidEdge MobileFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
delChrome Полная поддержка ДаEdge Полная поддержка ДаFirefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаEdge Mobile Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
citeChrome Полная поддержка ДаEdge Полная поддержка ДаFirefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаEdge Mobile Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
datetimeChrome Полная поддержка ДаEdge Полная поддержка ДаFirefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаEdge Mobile Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка

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

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

Метки документа и участники

Метки: 
Внесли вклад в эту страницу: opereverzeva
Обновлялась последний раз: opereverzeva,