Spec-Zone.ru › HTML

<del>: Элемент удалённого текста

Базовая линия Широко доступная

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

  • Подробнее
  • Полная совместимость
  • Отправить отзыв

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

Попробуйте

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

Атрибуты

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

cite

URI ресурса, объясняющего изменение (например, протокол совещания).

datetime

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

Универсальный доступ

Наличие элемента 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

Примеры

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>

Результат

Техническое описание

Категории контента Фразовый контент, Контент с последовательным расположением.
Разрешённый контент Прозрачный.
Пропуск тегов Нет, и открывающий, и закрывающий тег обязательны.
Разрешённые родительские элементы Любой элемент, который принимает фразовый контент.
Неявная роль ARIA deletion
Разрешённые роли ARIA Любые
Интерфейс DOM HTMLModElement

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

Спецификация
Стандарт HTML
# the-del-element

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

Рабочие столы Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari на IOS Samsung Internet WebView Android
del 1 12 1 15 ≤4 18 4 14 ≤3.2 1.0 4.4
cite 1 12 1 15 3 18 4 14 2 1.0 4.4
datetime 1 12 1 15 3 18 4 14 2 1.0 4.4

См. также

  • <ins> элемент для вставки в текст
  • <s> элемент для штрихования, независимо от обозначения удаления текста

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/del

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API