HTML тег <del>

Значение и применение

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

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

Тег	Chrome	Firefox	Opera	Safari	IExplorer	Edge
<del>	Да	Да	Да	Да	Да	Да

Атрибуты

Атрибут	Значение	Описание
cite	URL	Указывает URL адрес документа, который поясняет причину удаления текста. Допускается указывать как абсолютные адреса (например: <del cite = "http://basicweb.ru/html/tag_del.php>), так и относительные (например: <del cite = "tag_del.php>).
datetime	YYYY-MM-DDThh:mm:ssTZD	Указывает дату и время, когда текст был удален.

Пример использования

Предположим (для примера), что совещание было назначено на 10:00 31 декабря 2016 года, но обстоятельства поменялись и совещание было решено перенести на 11:00 того же числа.

Допустим, что был издан определённый приказ о переносе совещания и данные изменения необходимо отобразить на сайте. Для этого мы и воспользуемся тегом <del>, благодаря которому мы перечеркнем предыдущее время. Кроме того, атрибутом datetime укажем дату и время, когда текст был удален, а атрибутом cite укажем почему это изменение было сделано (ссылка на приказ).

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

<!DOCTYPE html>
<html>
<head>
<title>Пример использования атрибутов cite и datetime HTML тега <del></title>
</head>
<body>
<p>Совещание состоится 31 декабря 2016 года в <del cite = "prikaz.html" datetime = "2016-12-30T12:00:00+03:00">10:00</del> 11:00.</p>
</body>
</html>

Пример использования атрибутов cite и datetime HTML тега <del> (причина и время удаления текста). — Пример использования атрибутов cite и datetime HTML тега <del> (причина и время удаления текста)

Часто тег <del> применяется совместно с тегом <ins>, который предназначен для того, чтобы указать текст, который был вставлен в документ.

Предположим (для примера), что вышла новая версия программного продукта (десятая версия сменяется одиннадцатой) о чем свидетельствует информация опубликованная на определённом известном ресурсе. Ваша задача отобразить это на своем сайте. Для этого мы воспользуемся тегом <del>, благодаря которому мы перечеркнем информацию о предыдущей версии программного продукта (десятая), а тегом <ins> мы вставим информацию о новой версии(одиннадцатой). Кроме того, атрибутом datetime укажем дату и время, когда текст был вставлен, а атрибутом cite укажем почему текст был вставлен (ссылка на информацию о выходе новой версии).

Конечный пользователь, который будет просматривать сайт не увидит влияние этих атрибутов, но информация, которая была указана в элементе <ins> может быть использована в статистических целях, либо в информационных системах учета.

<!DOCTYPE html>
<html>
<head>
<title>Пример использования атрибутов cite и datetime HTML тега <ins></title>
</head>
<body>
<p>Текущая версия программного продукта <del>десятая</del> <ins cite = "http://somesite.com/info.html" datetime = "2016-05-30T10:00:00+03:00">одиннадцатая</ins>.</p>
</body>
</html>

Пример использования тега <del> совместно с <ins> (удаление и вставка текста в документ).

Отличия HTML 4.01 от HTML 5

Нет.

Значение CSS по умолчанию

del {
text-decoration: line-through;
}

Поддержка глобальных атрибутов

Элемент поддерживает "глобальные атрибуты".

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

Элемент поддерживает "атрибуты событий".

HTML теги