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

Содержание

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

HTML теги

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

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

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

Атрибуты

АтрибутЗначениеОписание
citeURLУказывает URL адрес документа, который поясняет почему текст был вставлен, либо изменён. Допускается указывать как абсолютные адреса (например: <ins cite = "http://basicweb.ru/html/tag_ins.php>), так и относительные (например: <ins cite = "tag_ins.php>).
datetimeYYYY-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 теги

| HTML | WebReference

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

Браузеры обычно помечают текст в контейнере <ins> как подчёркнутый.

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

Атрибуты

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

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

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>INS</title>
 </head>
 <body> 
 <p>Заметим, что схожий результат с Firefox показывает и браузер 
  Opera, но, как видно на рис. 1, в последующих версиях <del>этот 
  недостаток был устранен</del> <ins>подход разработчиков этого 
  браузера был изменен</ins>.</p> 
 </body>
</html>

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

Вид текста, оформленного с помощью ins

Рис. 1. Вид текста, оформленного с помощью <ins>

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

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

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

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

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

×

Браузеры

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

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

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

×

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

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

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

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

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

Тег - подчёркнутый текст

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

Описание

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

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

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

Атрибуты

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)
Пример »

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

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


ins {
    text-decoration: underline;
} 

Пример


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

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

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

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

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

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

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

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

Атрибуты

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

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

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

Тип тега

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

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

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

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

Синтаксис

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

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

<!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 - Применение тега INS</title>
 </head>
 <body>
  <p>..., а найденные сокровища Иван с Марьей оставили себе,
     конечно отдав в царскую казну положенные по закону 75%.
     И стали они жить-поживать, <del>да добро пропивать</del>
     <ins>да добра наживать</ins>.</p>
 </body>
</html>

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

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

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

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

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

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

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



Элемент <ins> (от англ. "inserted" ‒ «вставленный») определяет текст, который был добавлен в новой версии документа.

Совет: Для определения текста, удаленного в новой версии документа используйте элемент <del>.

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

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

Синтаксис

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

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

Обязателен.

Атрибуты

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

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

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

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

ins { 
    text-decoration: underline;
}

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

Нет.

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

Текст с удаленной и новой вставленной частями:

Пример HTML:

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

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

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

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

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

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

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

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


Учебник HTML

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

HTML Элементы



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> Сделай код и жми тут

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

По теме

ins - Xiper.net

Автор: Евгений Рыжков Дата публикации: 14.01.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 не будет опубликован. Обязательные поля помечены *