Тег <del>

Удаленная информация
  • Категории: Потоковое содержимое, Фразовое содержимое
  • Контекст:

    Где ожидается фразовое содержимое.

  • Модель:

    Прозрачная модель, т.е. наследуется от родительского элемента.

Тег <del> (сокращение от "delete" - удалить) позволяет пометить информацию, которая больше не актуальна, формально удалена или изменена. Это может быть полезно, чтобы дать пользователю понять, какие именно правки были внесены в текст с его последнего обновления. Браузер помечает содержимое данного тега перечеркиванием.

Данный тег не подходит для обозначения старых цен в магазинах, если это акция или временная скидка. В данном случае необходимо использовать тег <s>. Тегом <del> же необходимо помечать информацию, которая была удалена навсегда.

Для правильного использования этого тега, представляйте, что вы вычеркнули что-то навсегда:

  • завершенное дело в списке дел
  • купленные продукты в списке продуктов
  • и т.д.

Элемент <del> очень часто используется в паре с элементом <ins>, которым помечается обновленная информация. Так мы можем показать, что информация была не просто удалена, а заменена на новую:

  • при выборе свадебного платья вы решили, что хотите белое, но затем зачеркнули и написали - розовое
  • обновление численности населения после новой переписи
  • исправление оценки в журнале
  • и т.д.

Тег <del> имеет прозрачную модель. Таким образом, мы можем обернуть в него не только текст, но и целый блок из нескольких элементов. При этом мы не должны нарушать целостности других тегов. Например, мы не можем использовать данный элемент, чтобы обернуть строку таблицы, несколько элементов списка и т.д.

Атрибуты

  • Глобальные атрибуты
  • cite - ссылка на дополнительную информацию об изменении
  • datetime - дата и (необязательно) время изменения
  • Обновленная информация

    Элемент <del> можно использовать для пометки удаленной из публикации информации. Так пользователь сможет увидеть, какие изменения в ней были произведены с прошлого обновления. А использование его совместно с элементом <ins> показывает, что информация была не просто удалена, а изменена на новую:

  • Дата и источник удаления

    Элементы <del> и <ins> могут сопровождаться атрибутом datetime с указание даты внесения изменения, а также атрибутом cite с указанием источника, который описывает причину изменения. Например, это может быть страница обновленной статистики, анализа, опроса, нового закона, переименования объекта и т.д.

  • Список дел

    Еще одним хорошим примером использования элементов <del> и <ins> является разметка списка дел, ежедневника или расписания. В этом случае мы используем <del> для пометки завершенных дел, а <ins> - для новых:

Поделитесь данной записью с друзьями