<del>
- 25 января 2023
Что делает тег
Тег <del>
означает удалённый текст в документе. Используется для отображения содержимого, которое удалено с веб-страницы.
Синтаксис тега <del>
<del>Удалённый текст</del>
Спецификация HTML
Тег является частью спецификации HTML Living Standard.
Семантический или нет
Тег <del>
считается семантическим, поскольку несёт в себе смысл и точно передаёт назначение своего содержимого.
Примеры использования
Показать удалённый контент:
<p><del>Старый текст</del> был удалён и заменён новым.</p>
Показать неактуальное содержание:
<p><del>Важное примечание:</del> Эта функция была удалена в последней версии.</p>
Указать на изменения в документе:
<p><del>Старый текст.</del> <ins>Новый текст.</ins></p>
Для чего использовать тег <del>
- Показать удалённый текст.
- Показать, что информация устарела.
- Указать изменения в документе.
Атрибуты тега <del>
cite
— ссылка на источник, где даётся дополнительная информация об изменении.
datetime
— дата и время удаления.
Глобальные атрибуты
Тег поддерживает все глобальные атрибуты HTML.
Ограничения
Тег <del>
не должен использоваться для выделения содержимого или указания на то, что данный текст не столь важен, как другой. Добавляйте тег только для обозначения удалённого или устаревшего содержимого.
Нюансы
Если содержимое в теге <del>
не отображается на веб-странице, пользователи не поймут, что оно было удалено. Кроме того, если данные в теге <del>
важны, лучше использовать другой подход для указания того, что содержимое изменилось.
Поддержка браузерами
Тег поддерживается всеми современными браузерами. Актуальная информация — на caniuse.
Альтернативные теги
В качестве альтернативы можно использовать теги <strike>
или <s>
.
Чем заменить тег
Если <del>
не подходит, можете отредактировать его содержимое и избавиться от тега.
Актуальность
Тег <del>
не устарел, можете использовать его в веб-разработке.
Хотите узнать больше об HTML-тегах?
Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023