Тег ins – Теги del и ins, выделение изменений — Разметка текста — HTML Academy

Содержание

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

HTML тег <ins>

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

Атрибут cite указывает URL адрес документа, который поясняет почему текст был вставлен, либо изменён (HTML тег <ins>).

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

Синтаксис:

<ins cite = "URL">

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

ЗначениеОписание
URLДопускается указывать как абсолютные адреса (например: <del cite = "http://basicweb.ru/html/tag_del.php>), так и относительные (например: <del cite = "tag_del.php>).

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

Нет.

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

Предположим (для примера), что вышла новая версия программного продукта (десятая версия сменяется одиннадцатой) о чем свидетельствует информация опубликованная на определённом известном ресурсе. Ваша задача отобразить это на своем сайте. Для этого мы воспользуемся тегом <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>
Пример использования атрибутов cite и datetime HTML тега <ins>(причина и время вставки, либо изменения текста)HTML тег <ins>

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

HTML тег <ins>

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

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

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

Синтаксис:

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

Нет.

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

Предположим (для примера), что вышла новая версия программного продукта (десятая версия сменяется одиннадцатой) о чем свидетельствует информация опубликованная на определённом известном ресурсе. Ваша задача отобразить это на своем сайте. Для этого мы воспользуемся тегом <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>
Пример использования атрибутов cite и datetime HTML тега <ins>(причина и время вставки, либо изменения текста)HTML тег <ins>

HTML тег ins | назначение, синтаксис, атрибуты, примеры

Последнее обновление: 23.01.2011

Тег <ins> (insert — вставка) — тег-контейнер, обозначает текст, добавленный в новой версии документа.
Может выступать как строчный или как блочный элемент в зависимости от контекста.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<ins>...</ins>

Атрибуты

Основные Вспомогательные События

cite URL источника, поясняющего причину появления новой информации
class определяет имя используемого класса
datetime дата и время изменения документа
dir определяет направление символов:
  • ltr — слева направо
  • rtl — справа налево
id уникальный идентификатор
lang определяет язык отображаемого документа
onclick щелчок на элементе
ondblclick двойной щелчок на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
style задает встроенную таблицу стилей
title всплывающая подсказка

Пример

Код:

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

Рекомендации по использованию

  • закрывающий тег обязателен (</ins>)
  • может содержать CDATA, строчные и блочные элементы
  • обязательных атрибутов нет
  • многие браузеры по умолчанию отображают содержимое тега подчеркнутым
  • большинство браузеров не поддерживает атрибут cite
  • не используйте тег <ins> просто для подчеркивания. Для этого воспользуйтесь таблицами стилей (text-decoration: underline)

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

Твой код:
<html> <head> <title></title> </head> <body> <p>Тег ins обозначает текст, добавленный в новой версии документа. <ins>По умолчанию отображается подчеркнутым.</ins> </p> </body> </html> Сделай код и жми тут

Результат:
большой полигон

По теме

Тег | HTML справочник

HTML теги

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

Тег <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 тег ins | назначение, синтаксис, атрибуты, примеры

Последнее обновление: 26.02.2009

Тег <ins> (insert — вставка) — тег-контейнер,, обозначает текст, добавленный в новой версии документа.
Может выступать как строчный или как блочный элемент в зависимости от контекста.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<ins>...</ins>

Атрибуты

Основные Вспомогательные События

cite URL источника, поясняющего причину появления новой информации
class определяет имя используемого класса
datetime дата и время изменения документа
dir определяет направление символов:
  • ltr — слева направо
  • rtl — справа налево
id уникальный индетификатор
lang определяет язык отображаемого документа
onclick щелчек на элементе
ondblclick двойной щелчек на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
style задает встроенную таблицу стилей
title всплывающая подсказка
Пример

Код:

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

Рекомендации по использованию
  • закрывающий тег обязателен (</ins>)
  • может содержать CDATA, строчные и блочные элементы
  • обязательных атрибутов нет
  • многие браузеры по умолчанию отображают содержимое тега подчеркнутым
  • большинство браузеров не поддерживает атрибут cite
  • не используйте тег <ins> просто для подчеркивания. Для этого воспользуйтесь таблицами стилей (text-decoration: underline)

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

Твой код:
<html> <head> <title></title> </head> <body> <p>Тег ins обозначает текст, добавленный в новой версии документа. <ins>По умолчанию отображается подчеркнутым.</ins> </p> </body> </html> Сделай код и жми тут

Результат:
большой полигон

тег | Как создать сайт

HTML справочник

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

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

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

Атрибуты

Атрибут Значение Описание
cite URL Указывает URL адрес документа, который поясняет почему текст был вставлен, либо изменён. Допускается указывать как абсолютные адреса (например: <ins cite = «http://webdiz.com.ua/tag_ins.html>), так и относительные (например: <ins cite = «tag_ins.html>).
datetime YYYY-MM-DDThh:mm:ssTZD
Указывает дату и время, когда текст был вставлен/изменён.

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

Предположим, что вышла новая версия программного продукта (девятая версия сменяется десятой),  что подтверждает информация опубликованная на ресурсе. Ваша задача отобразить это на своем сайте. Для этого воспользуемся тегом <s> (текст, который больше не является правильным или актуальным), благодаря которому мы перечеркнем информацию о предыдущей версии программного продукта (девятая), а тегом <ins> мы вставляем информацию о новой версии(десятой). Кроме того, атрибутом datetime зададим дату и время, когда текст был вставлен, а атрибутом cite укажем почему текст был вставлен (ссылка на информацию о выходе новой версии).

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

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования атрибутов cite и 
datetime HTML тега <ins></title>
	</head>
	<body>
		<p>Текущая версия программного продукта 
<s>десятая</s> <ins cite = "http://somesite.com/info.html" 
datetime = "2016-05-30T10:00:00+03:00">одиннадцатая</ins>.
</p>
	</body>
</html>

Пример использования атрибутов cite и datetime HTML тега <ins> (причина и время вставки, либо изменения текста).

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

Нет.

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

ins {
text-decoration:underline;
}

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

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

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

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

 

HTML справочник

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Поделиться

Твитнуть

Поделиться

HTML тег ins | назначение, синтаксис, атрибуты, примеры

Последнее обновление: 26.02.2009

Тег <ins> (insert — вставка) — тег-контейнер,, обозначает текст, добавленный в новой версии документа.
Может выступать как строчный или как блочный элемент в зависимости от контекста.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<ins>...</ins>

Атрибуты

Основные Вспомогательные События

cite URL источника, поясняющего причину появления новой информации
class определяет имя используемого класса
datetime дата и время изменения документа
dir определяет направление символов:
  • ltr — слева направо
  • rtl — справа налево
id уникальный индетификатор
lang определяет язык отображаемого документа
onclick щелчек на элементе
ondblclick двойной щелчек на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
style задает встроенную таблицу стилей
title всплывающая подсказка
Пример

Код:

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

Рекомендации по использованию
  • закрывающий тег обязателен (</ins>)
  • может содержать CDATA, строчные и блочные элементы
  • обязательных атрибутов нет
  • многие браузеры по умолчанию отображают содержимое тега подчеркнутым
  • большинство браузеров не поддерживает атрибут cite
  • не используйте тег <ins> просто для подчеркивания. Для этого воспользуйтесь таблицами стилей (text-decoration: underline)

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

Твой код:
<html> <head> <title></title> </head> <body> <p>Тег ins обозначает текст, добавленный в новой версии документа. <ins>По умолчанию отображается подчеркнутым.</ins> </p> </body> </html> Сделай код и жми тут

Результат:
большой полигон

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

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