HTML тег - del - определение и примеры использования
Меню
Веб-разработка
Тег del HTML

HTML - тег <del> определяет текст, который был удален из документа. Браузеры обычно перечеркивают удаленный текст.


Тег <del> - синтаксис и код

Тег <del> представлен парами. Содержимое записывается между открывающим (<del>) и закрывающим (</del>) тегами.

Текст с удаленной частью и новой вставленной частью:

<p>Мой любимый цвет — <del>красный</del> <ins>синий</ins>!</p>

Мой любимый цвет — красный синий!


Определение и использование

  • HTML - тег <del> указывает часть текста, которая была удалена из документа. Браузеры отображают этот текст зачеркнутым;
  • Для обозначения новой версии текста используйте тег <ins>, содержимое которого отображается в браузере подчеркнутым.
Примечание: обратите внимание на тег <ins> для разметки вставленного текста. Большинство технологий чтения с экрана не объявляют о существовании тега <del> в конфигурации по умолчанию. Если вы хотите объявить об этом, используйте свойство CSS content с псевдоэлементами ::after и ::before.

Поддержка <del> браузерами

Crome Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

Атрибут Значение Описание
cite URL Указывает URL-адрес документа, в котором объясняется причина удаления/изменения текста
datetime YYYY-MM-DDThh:mm:ssTZD Указывает дату и время удаления/изменения текста

Глобальные атрибуты

Тег <del> также поддерживает глобальные атрибуты в HTML

Атрибуты событий

Тег <del> также поддерживает атрибуты событий в HTML


Дополнительные примеры

Используйте CSS для стилизации <del> и <ins>:

<!DOCTYPE html>
<html>
<head>
<style>
  del {background-color: red;}
  ins {background-color: blue;}
</style>
</head>
<body>

<h3>Элементы del и ins + CSS</h3>

<p>Мой любимый цвет <del>красный</del> <ins>синий</ins>!</p>

</body>
</html>

Элементы del и ins + CSS

Мой любимый цвет красный синий!


Связанные страницы

Руководство по HTML: введение в HTML


Настройки CSS по умолчанию

Большинство браузеров отображают элемент del со следующими значениями по умолчанию:

del {
  text-decoration: line-through;
}


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой