HTML-тег <del>
Тег <del> указывает на часть текста, которая была удалена из документа. Браузеры отображают этот текст зачёркнутым. Для указания новой версии текста используется тег <ins>, содержимое которого отображается в браузере подчёркнутым.
TIP
Для отображения текста подчёркнутым можно использовать свойство CSS text-decoration со значением "underline".
Современные программы экранных дикторов обычно автоматически озвучивают удалённый текст. Если требуется дополнительный контекст, используйте aria-label или aria-describedby вместо CSS content.
Синтаксис
Тег <del> является парным. Содержимое записывается между открывающим (<del>) и закрывающим (</del>) тегами.
Пример использования HTML-тега <del>:
HTML-тег <del>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>My favorite color is <del style="color:#8ebf42;">green</del> <ins style="color:#1c87c9;"> blue</ins>!</p>
</body>
</html>Результат
Пример использования HTML-тега <del> с атрибутом cite:
Пример использования HTML-тега <del> с атрибутом cite
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>The <del cite="https://www.w3docs.com/learn-html/html-b-tag.html" style="color:#ff0000">b</del> <ins cite="https://www.w3docs.com/learn-html/html-strong-tag.html" style="color:#c10ccc;">strong</ins> tag being a logical tag is used to emphasize the importance of the text.</p>
</body>
</html>Пример использования HTML-тега <del> с атрибутом datetime:
Пример использования HTML-тега <del> с атрибутом datetime
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>The <del datetime="2023-10-25T14:30:00Z" style="color:#ff0000">old text</del> was replaced with new content.</p>
</body>
</html>Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| cite | URL | Указывает URL документа, который объясняет, почему текст был отредактирован или удалён. |
| datetime | YYYY-MM-DDThh:mm:ssTZD | Определяет дату и время удаления текста. |
Тег <del> также поддерживает Глобальные атрибуты и Атрибуты событий.
Практика
Какие варианты использования и особенности HTML-тега <del> соответствуют содержанию на указанном URL?