Тег <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
class Задает один или несколько классов CSS для стилизации элемента
contenteditable Указывает, может ли пользователь редактировать содержимое элемента
data-* Используется для хранения пользовательских данных в элементах
dir Определяет направление текста: слева направо (ltr) или справа налево (rtl)
hidden Скрывает элемент, делая его невидимым и недоступным для пользователя
id Уникальный идентификатор элемента в документе
lang Определяет язык содержимого элемента
spellcheck Указывает, должна ли проверяться орфография в содержимом элемента
style Позволяет задавать CSS-стили непосредственно в атрибуте элемента
title Задает всплывающую подсказку при наведении на элемент
translate Указывает, должен ли переводиться текст внутри элемента

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