Del тег: Тег | htmlbook.ru – | HTML | WebReference

Leave a Comment / Разное / By /

Тег | htmlbook.ru

Internet Explorer Chrome Opera Safari Firefox Android iOS
6.0+ 1.0+ 6.0+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

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

Синтаксис

<del>Текст</del>

Закрывающий тег

Обязателен.

Атрибуты

cite
Указывает ссылку на документ, где приведена причина редактирования текста и другие подробности.
datetime
Дата и время редактирования текста.

Для этого тега также доступны универсальные атрибуты и события.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег DEL</title>
  <style>
   del {
    color: red; /* Цвет удаленного текста */
   }
  </style>
 </head>
 <body> 

  <p>Заметим, что схожий результат с Netscape показывает и браузер 
  Opera, но, как видно на рис. 1, в последующих версиях
  <del>этот недостаток был устранен</del> <ins>подход разработчиков 
  этого браузера был изменен</ins>.</p>

 </body>
</html>

Результат данного примера показан ниже.

Рис. 1. Вид текста при использовании стилей и тега <del>

| HTML | WebReference

Элемент <del> (от англ. delete — удалить) используется для выделения текста, который был удалён в новой версии документа. Подобное форматирование позволяет отследить, какие изменения в тексте документа были сделаны. Браузеры обычно помечают текст в контейнере <del> как перечёркнутый.

Закрывающий тег

Атрибуты

cite
Указывает ссылку на документ, где приведена причина редактирования текста и другие подробности.
datetime
Дата и время редактирования текста.

Для этого элемента также доступны универсальные атрибуты и события.

Пример

<!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

Рис. 1. Вид текста при использовании стилей и элемента <del>

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor's draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 09.10.2018

Редакторы: Влад Мержевич

Курс по вёрстке сайта на CSS Grid

Тег - зачёркнутый текст

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

Описание

HTML тег <del> используется для выделения текста, который должен быть удален из документа, или информации, которая стыла не актуальной. Это может быть полезно в определении различий между несколькими версиями документа. По умолчанию, браузеры будут отображать такой текст, как зачёркнутый (перечёркнутый).

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

Примечание: зачёркнутый текст можно сделать и с помощью CSS свойства text-decoration со значение line-through.

Атрибуты

cite:
Указывает адрес документа, в котором объясняются причины редактирования и удаления текста. Пример »
datetime:
Определяет дату и время, когда текст был отредактирован или удален. Время указывается в формате - YYYY-MM-DDThh:mm:ssTZD:
  • YYYY - год (пример: 2012)
  • MM - месяц (пример: 05 для Мая)
  • DD - день месяца (пример: 03)
  • T - разделитель между датой и временем
  • hh - час (пример: 22 для 10.00pm)
  • mm - минуты (пример: 44)
  • ss - секунды (пример: 09)
  • TZD (Time Zone Designator) - обозначение часового пояса (пример +03:00)
Пример »

Тег <del> так же поддерживает Глобальные атрибуты и События

Стиль по умолчанию


del {
    text-decoration: line-through;
}

Пример


<p>Мой любимый цвет <del>синий</del> <ins>красный</ins>!</p>

Результат данного примера в окне браузера:

Пример использования тега <del>

| Справочник HTML

Элемент <del> (от англ. "deleted" ‒ «удалённый») del (от англ. "deleted" ‒ «удалённый») используется для выделения текста, который был удалён в новой версии документа. Браузеры обычно помечают текст в контейнере <del> как перечёркнутый.

Для определения текста, добавленного в новую версию документа, можно использовать тег <ins>.

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

Синтаксис

<del>текст</del>

Закрывающий тег

Обязателен.

Атрибуты

cite
Указывает ссылку на документ, где приведена причина редактирования текста и другие подробности.
datetime
Определяет дату и время, когда текст был отредактирован или удален. Время указывается в формате - YYYY-MM-DDThh:mm:ssTZD:
  • YYYY - год (пример: 2012)
  • MM - месяц (пример: 05 для Мая)
  • DD - день месяца (пример: 03)
  • T - разделитель между датой и временем
  • hh - час (пример: 22 для 10.00pm)
  • mm - минуты (пример: 44)
  • ss - секунды (пример: 09)
  • TZD (Time Zone Designator) - обозначение часового пояса (пример +03:00)

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Большинство браузеров отобразит элемент <del> со следующими значениями CSS по умолчанию:

del {
    text-decoration: line-through;
}

Различия между HTML 4.01 и HTML5

Нет.

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

Элемент <del>

Пример HTML:

Попробуй сам 
<p>Текущая версия программного продукта <del>девятая</del> <ins cite = "http://somesite.com/info.html" datetime = "2018-05-30T10:00:00+03:00">десятая</ins>.</p>

Спецификации

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

Элемент
<del> 4+ 1+ 3.5+ 1+ 1+ 1+
Элемент
<del> 1+ 1+ 6+ 1+

Попробуйте сами - Примеры

Как сделать текст жирным и привлечь к нему внимание:
Важный и жирный текст

Как сделать акцент на фрагменте текста:
Акцент и курсив

Как отобразить текст в нижнем или верхнем индексе:
Форматирование текста

Учебник HTML

HTML уроки: HTML Форматирование

HTML Элементы


seodon.ru | Теги HTML - Тег DEL

Опубликовано: 25.06.2010 Последняя правка: 10.12.2015

Тег <DEL> применяется для выделения части документа, которая была удалена в текущей версии. Часто этот тег используется в паре с тегом <INS>, который наоборот добавляет новую часть документа.

Эти два тега являются немного необычными для HTML, так как могут принимать вид блочного или встроенного элемента, в зависимости от места использования. Если они расположены внутри элемента, который может иметь только встроенные теги, то они тоже считаются inline-тегами. В противном случае они считаются блочными.

Обычно браузеры выделяют текст внутри этих элементов следующим образом: <DEL> — перечеркнутый, <INS> — подчеркнутый.

Атрибуты

Личные атрибуты: нет.

Общие атрибуты:

  • accesskey — устанавливает клавишу быстрого доступа для фокусировки на HTML-элементе.
  • class — задает имя класса или классов тега, используемых в CSS (Каскадные таблицы стилей).
  • dir — указывает направление текста внутри элемента.
  • id — задает имя идентификатора HTML-тега, который может использоваться в качестве «якоря» или в таблицах стилей.
  • lang — указывает язык, на котором написан текст внутри HTML-элемента.
  • style — необходим для применения встроенных стилей CSS к тегу.
  • tabindex — устанавливает порядок табуляции между элементами (клавиша Tab).
  • title — выводит всплывающую подсказку при наведении курсора мыши на HTML-элемент.

Тип тега

Назначение: текст (строки).

Модель тега: block (блочный, уровня блока), если содержит теги уровня блока. Inline (встроенный, уровня строки), если содержит теги уровня строки (встроенные). Может располагаться только внутри блочных или встроенных элементов.

Может содержать: block-теги или inline-теги, обычный текст и спецсимволы HTML (мнемоники), но не оба варианта одновременно.

Открывающий тег: необходим. Закрывающий тег: необходим.

Синтаксис

<del>содержимое</del>

Пример HTML: применение тега DEL

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Применение тега DEL</title>
 </head>
 <body>
  <p>Дорогие чиновники! Мы хотим открыть в вашем районе небольшой
     торговый дом на ул. Ленина. <del>Сколько еще вам надо откатов,
     чтобы закончить регистр...</del> <ins>Ответьте пожалуйста, сколько
     еще потребуется времени на регистрацию всех бумаг по нашему
     объекту?</ins> <del>А-то мы уже заеб...</del> <ins>Хотелось бы
     побыстрее начать работу, обещаем платить налоги исправно.</ins></p>
 </body>
</html>

Результат примера

Результат. Применение тега DEL.

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаДаДаДа

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

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа

Атрибут datetime тега | HTML справочник

HTML тег <del>

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

Атрибут datetime указывает дату и время, когда текст был удален (HTML тег <del>).

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

Синтаксис:

<del datetime = "YYYY-MM-DDThh:mm:ssTZD">

Значения атрибута

ЗначениеОписание
YYYY-MM-DDThh:mm:ssTZD YYYY - год (например, 2016)
MM - месяц (например, 05 для Мая)
DD – день месяца (например, 11)
T или пробел - разделитель
hh - часы (например, 23)
mm - минуты (например, 57)
ss - секунды (например, 21)
TZD - Time Zone Designator (часовой пояс):
  • UTC(Coordinated Universal Time) - всемирное координированное время, обозначается буквой Z.
  • +hh:mm(использование локального часового пояса) например, -03:00(отклонение от UTC)
  • -hh:mm(использование локального часового пояса) например, +03:00(отклонение от UTC)
2016-12-31T12:00:00+03:00 - Декабрь 31, 2016 год, 12-00, Московское время.
2016-12-31T09:00:00Z - соответствуют тому же временному значению.

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

Нет.

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

Предположим (для примера), что совещание было назначено на 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>(причина и время удаления текста)HTML тег <del>

Тег del - Уроки по созданию сайтов на WordPress

Тег <del>

Описание

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

Синтаксис

<del>Текст</del>

Закрывающий тег

Обязателен.

Атрибуты

cite — Указывает ссылку на документ, где приведена причина редактирования текста и другие подробности.
datetime — Дата и время редактирования текста.

Для этого тега также доступны универсальные атрибуты и события.

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег DEL</title>
  <style>
   del {
    color: red; /* Цвет удаленного текста */
   }
  </style>
 </head>
 <body> 
 
  <p>Заметим, что схожий результат с Netscape показывает и браузер 
  Opera, но, как видно на рис. 1, в последующих версиях
  <del>этот недостаток был устранен</del> <ins>подход разработчиков 
  этого браузера был изменен</ins>.</p>
 
 </body>
</html>

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег DEL</title> <style> del { color: red; /* Цвет удаленного текста */ } </style> </head> <body> <p>Заметим, что схожий результат с Netscape показывает и браузер Opera, но, как видно на рис. 1, в последующих версиях <del>этот недостаток был устранен</del> <ins>подход разработчиков этого браузера был изменен</ins>.</p> </body> </html>

Результат данного примера показан ниже.

Рис. 1

Рис. 1. Вид текста при использовании стилей и тега <del>

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

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