Тег <del>

Описание

Тег <del> (от англ. "delete") используется для обозначения удаленного или измененного текста в документе. По умолчанию браузеры отображают этот текст перечеркнутым.

Отслеживание изменений в документе:
<p>Старая цена: <del>5000 руб.</del> Новая цена: 3500 руб.</p>
Совместное использование с :
<p> <del>Встреча перенесена на пятницу.</del> <ins>Встреча состоится в среду.</ins> </p>
Атрибуты для указания времени и причины:
<p> <del datetime="2023-05-15T08:00" cite="changes.html#reason1"> Устаревшая информация </del> </p>

Семантические особенности:

  • Имеет значение для истории изменений документа
  • Полезен для систем контроля версий и совместного редактирования
  • Может содержать сложную структуру (абзацы, списки)
  • Доступен для скринридеров как удаленный контент

Советы по использованию:

  • Используйте для реально удаленного контента, а не для декоративных целей
  • Сочетайте с <ins> для отображения изменений
  • Указывайте атрибуты datetime/cite при публичном редактировании
  • Для стилизации используйте CSS (можно изменить вид перечеркивания)

Атрибуты

cite URL документа с объяснением причины удаления
datetime Дата и время удаления в формате YYYY-MM-DDThh:mm:ss
accesskey Определяет горячую клавишу для активации/фокусировки элемента
class Задает один или несколько классов CSS для стилизации элемента
contenteditable Указывает, может ли пользователь редактировать содержимое элемента
data-* Используется для хранения пользовательских данных в элементах
dir Определяет направление текста: слева направо (ltr) или справа налево (rtl)
hidden Скрывает элемент, делая его невидимым и недоступным для пользователя
id Уникальный идентификатор элемента в документе
lang Определяет язык содержимого элемента
spellcheck Указывает, должна ли проверяться орфография в содержимом элемента
style Позволяет задавать CSS-стили непосредственно в атрибуте элемента
tabindex Определяет порядок перехода между элементами при нажатии Tab
title Задает всплывающую подсказку при наведении на элемент
translate Указывает, должен ли переводиться текст внутри элемента

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