Тег <del>
- Категории: Потоковое содержимое, Фразовое содержимое
-
Контекст:
Где ожидается фразовое содержимое.
-
Модель:
Прозрачная модель, т.е. наследуется от родительского элемента.
Тег <del>
(сокращение от "delete" - удалить) позволяет пометить информацию, которая больше не актуальна, формально удалена или изменена. Это может быть полезно, чтобы дать пользователю понять, какие именно правки были внесены в текст с его последнего обновления. Браузер помечает содержимое данного тега перечеркиванием.
Данный тег не подходит для обозначения старых цен в магазинах, если это акция или временная скидка. В данном случае необходимо использовать тег <s>
. Тегом <del>
же необходимо помечать информацию, которая была удалена навсегда.
Для правильного использования этого тега, представляйте, что вы вычеркнули что-то навсегда:
- завершенное дело в списке дел
- купленные продукты в списке продуктов
- и т.д.
Элемент <del>
очень часто используется в паре с элементом <ins>
, которым помечается обновленная информация. Так мы можем показать, что информация была не просто удалена, а заменена на новую:
- при выборе свадебного платья вы решили, что хотите белое, но затем зачеркнули и написали - розовое
- обновление численности населения после новой переписи
- исправление оценки в журнале
- и т.д.
Тег <del>
имеет прозрачную модель. Таким образом, мы можем обернуть в него не только текст, но и целый блок из нескольких элементов. При этом мы не должны нарушать целостности других тегов. Например, мы не можем использовать данный элемент, чтобы обернуть строку таблицы, несколько элементов списка и т.д.
Атрибуты
- Глобальные атрибуты
-
cite
- ссылка на дополнительную информацию об изменении -
datetime
- дата и (необязательно) время изменения
-
Обновленная информация
Элемент
<del>
можно использовать для пометки удаленной из публикации информации. Так пользователь сможет увидеть, какие изменения в ней были произведены с прошлого обновления. А использование его совместно с элементом<ins>
показывает, что информация была не просто удалена, а изменена на новую: -
Дата и источник удаления
Элементы
<del>
и<ins>
могут сопровождаться атрибутомdatetime
с указание даты внесения изменения, а также атрибутомcite
с указанием источника, который описывает причину изменения. Например, это может быть страница обновленной статистики, анализа, опроса, нового закона, переименования объекта и т.д. -
Список дел
Еще одним хорошим примером использования элементов
<del>
и<ins>
является разметка списка дел, ежедневника или расписания. В этом случае мы используем<del>
для пометки завершенных дел, а<ins>
- для новых: