Del тег: Тег | htmlbook.ru

⚡️ 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.

Табл. 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>ДаДаДаДаДаДа

Атрибуты

АтрибутЗначениеОписание
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> (причина и время удаления текста)

Часто тег <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

    < html >

         < body >

    < H2 > Geeksforgeeks H2 >

    <> 9003 <

    020

    H3 > HTML Del Tag H3 >

    < 2020202020209209209209. 19209209209209209209.192092092092092019

    92092019 92092019
    99209201092019

    92019

    920920920920920199209. математический del >

                научный портал p >

    9 0 0003  0003

        

         body >

    html >                   

    Output:  
     

    Example 2: В этом примере используется тег с атрибутом datetime.

    HTML

    < html >

         < body >

             < h2 >GeeksforGeeks h2 >

             < H3 > HTML Del Tag H3 >

     

    < p >GeeksforGeeks is a < del >mathematical del >

                science portal p >

    Body >

    HTML > HTML > .

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *