HTML тег <del>

HTML теги

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

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

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

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

Атрибуты

АтрибутЗначениеОписание
citeURLУказывает URL адрес документа, который поясняет причину удаления текста. Допускается указывать как абсолютные адреса (например: <del cite = "http://basicweb.ru/html/tag_del.php>), так и относительные (например: <del cite = "tag_del.php>).
datetimeYYYY-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> (удаление и вставка текста в документ).
Пример использования тега <del> совместно с <ins> (удаление и вставка текста в документ).

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

Нет.

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

del {
text-decoration: line-through;
}

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

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

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

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

HTML теги