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

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

<blockquote>  There is <del>nothing</del> <ins>no code</ins> either good or bad, but  <del>thinking</del> <ins>running it</ins> makes it so.</blockquote>

del {  text-decoration: line-through;  background-color: #fbb;  color: #555;}ins {  text-decoration: none;  background-color: #d4fcbc;}blockquote {  padding-left: 15px;  border-left: 3px solid #d7d7db;  font-size: 1rem;}

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

Атрибуты

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

cite

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

datetime

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

Примеры

<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 не определено в конфигурации по умолчанию большинством технологий чтения с экрана. Его можно задать, используя свойство CSScontent, а также::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

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

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

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

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