⚡️ HTML и CSS с примерами кода
Тег <del>
(от англ. delete — удалить) используется для выделения текста, который был удалён в новой версии документа.
Подобное форматирование позволяет отследить, какие изменения в тексте документа были сделаны. Браузеры обычно помечают текст в контейнере <del>
как зачёркнутый.
- a
- abbr
- b
- bdi
- bdo
- br
- cite
- code
- data
- del
- dfn
- em
- i
- ins
- kbd
- mark
- q
- ruby
- rtc
- rb
- rp
- rt
- s
- samp
- small
- span
- strong
- sub
- sup
- time
- u
- var
- wbr
Синтаксис
<del>Текст</del>
Закрывающий тег обязателен.
Атрибуты
cite
- Указывает ссылку на документ, где приведена причина редактирования текста и другие подробности.
datetime
- Дата и время редактирования текста.
Для этого элемента также доступны универсальные атрибуты.
cite
Указывает ссылку на документ, где приведена причина редактирования текста и другие подробности.
Синтаксис
<del cite="<адрес>">Текст</del>
Значения
В качестве значения принимается полный или относительный путь к документу.
Значение по умолчанию
Нет.
datetime
Устанавливает дату и время редактирования текста.
Синтаксис
<del datetime="<дата и время>">Текст</del>
Значения
Дата и время задаётся в международном формате ISO 8601. Примеры оформления приведены в табл. 1.
Значение | Формат | Пример |
---|---|---|
Год | ГГГГ | 2012 |
Месяц и год | ГГГГ-ММ | 2012-12 |
Полная дата | ГГГГ-ММ-ДД | 2012-12-23 |
Дата и время с минутами | ГГГГ-ММ-ДДTчч:мм | 2004-07-24T18:18 |
Дата и время с секундами | ГГГГ-ММ-ДДTчч:мм:сс | 2004-07-24T18:18:18 |
Дата и время с часовым поясом | ГГГГ-ММ-ДДTчч:мм:сс±чч:мм | 2004-07-24T18:18:18+04:00 |
Для каждой единицы существует своя заданная форма и ограничения.
Год
- задаётся четырьмя цифрами (1860).
Месяц
- две цифры (01 — январь, 02 — февраль, 12 — декабрь).
День
- две цифры от 01 до 31.
Час
- две цифры от 00 до 23.
- две цифры от 00 до 59.
Секунды
- две цифры от 00 до 59.
Часовой пояс
- часы и минуты с указанием знака плюс или минус.
Дата и время разделяются между собой заглавной латинской буквой T
. Часовой пояс при необходимости пишется после времени со знаком плюс или минус. К примеру, для Москвы часовой пояс будет +03:00.
Значение по умолчанию
Нет.
Спецификации
- WHATWG HTML Living Standard
- HTML5
- HTML 4.01 Specification
Описание и примеры
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>DEL</title> <style> del { color: red; /* Цвет удалённого текста */ } </style> </head> <body> <p> Собственное подмножество <del>однородно транслирует</del ><ins>стремительно раскручивает</ins> равновероятный интеграл от функции комплексной переменной, что известно даже школьникам. </p> </body> </html>
Ссылки
- Тег
<del>
MDN (рус.)
Тег | HTML справочник
HTML тегиЗначение и применение
Тег <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> (причина и время удаления текста)
Часто тег <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 тегиHTML-тег del
❮ Предыдущий Полный справочник HTML Далее ❯
Пример
Текст с удаленной частью и новой вставленной частью:
Мой любимый цвет синий красный!
Попробуйте сами »
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Тег
Советы и примечания
Совет: Также обратите внимание на тег для разметки вставленного текста.
Поддержка браузера
Элемент | |||||
---|---|---|---|---|---|
<удалить> | Да | Да | Да | Да | Да |
Атрибуты
Атрибут | Значение | Описание |
---|---|---|
ссылка | URL-адрес | Указывает URL-адрес документа, объясняющего причину удаления/изменения текста |
дата-время | ГГГГ-ММ-ДДTчч:мм:ссTZD | Указывает дату и время удаления/изменения текста |
Глобальные атрибуты
Тег
также поддерживает глобальные атрибуты в HTML.
Атрибуты событий
Тег
также поддерживает атрибуты событий в HTML.
Другие примеры
Пример
Используйте CSS для стилей и :
Мой любимый цвет синий красный!
Попробуйте сами »
Связанные страницы
Ссылка HTML DOM: Del Object
Настройки CSS по умолчанию
следующие значения по умолчанию:
Пример
del {
text-decoration: line-through;
}
Попробуйте сами »
❮ Предыдущая Полный справочник HTML Следующий ❯
ВЫБОР ЦВЕТА
Лучшие учебники
Учебное пособие по HTMLУчебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3. CSS
Учебное пособие по Bootstrap
Учебное пособие по PHP
Учебное пособие по Java
Учебное пособие по C++
Учебное пособие по jQuery
9003 900
Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery
Основные примеры
Примеры HTMLПримеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery
FORUM | О
W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.
Copyright 1999-2023 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.
Тег HTML — GeeksforGeeks
Улучшить статью
Сохранить статью
- Уровень сложности: Базовый
- Последнее обновление: 21 июл, 2022
Улучшить статью
Сохранить статью
Тег в HTML означает удаление и используется для пометки части текста, которая была удалена из документа. Удаленный текст отображается веб-браузерами как перечеркнутый текст, хотя это свойство можно изменить с помощью свойства CSS text-decoration. Тег требует наличия начального и конечного тегов.
Атрибуты: Тег содержит два атрибута, перечисленных ниже:
- cite : Он используется для указания URL-адреса документа или сообщения, обозначающего причину удаления текста.
- datetime : Используется для указания даты и времени удаленного текста.
Синтаксис:
Содержание...
Пример 1: Below example illustrate the element in HTML:
HTML
del > |
Output:
Example 2: В этом примере используется тег с атрибутом datetime.
HTML
|