Тег | HTML справочник
HTML тегиЗначение и применение
Тег <ins> определяет текст, который был вставлен в документ. Как правило, браузеры по умолчанию отображают этот текст как подчеркнутый.
Поддержка браузерами
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| cite | URL | Указывает URL адрес документа, который поясняет почему текст был вставлен, либо изменён. Допускается указывать как абсолютные адреса (например: <ins cite = «http://basicweb.ru/html/tag_ins.php>), так и относительные (например: <ins cite = «tag_ins.php>). |
| 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 теги| 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>Результат данного примера показан ниже.
Рис. 1. Вид текста, оформленного с помощью <ins>
Спецификация ?
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft (Черновик спецификации) — первая черновая версия стандарта.
Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.
×Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
×Автор и редакторы
Автор: Влад Мержевич
Последнее изменение: 09.10.2018
Редакторы: Влад Мержевич
Тег — подчёркнутый текст
Поддержка браузерами
Описание
HTML тег <ins> определяет текст, который был добавлен в документ. Это будет полезным в том случае, когда автор хочет показать, какой фрагмент содержимого был добавлен во время последнего обновления документа. По умолчанию, браузеры будут отображать такой текст, как подчёркнутый.
Этот элемент часто используется вместе с тегом <del> в ситуациях, когда в документе заменяется часть содержимого.
Примечание: подчёркнутый текст можно сделать и с помощью CSS свойства text-decoration со значение underline.
Атрибуты
- cite:
- Указывает адрес документа, в котором объясняются причины редактирования и добавления текста. Пример »
- datetime:
- Определяет дату и время, когда текст был отредактирован или удален. Время указывается в формате — YYYY-MM-DDThh:mm:ssTZD:
- YYYY — год (пример: 2012)
- MM — месяц (пример: 05 для Мая)
- DD — день месяца (пример: 03)
- T — разделитель между датой и временем
- mm — минуты (пример: 44)
- ss — секунды (пример: 09)
- TZD (Time Zone Designator) — обозначение часового пояса (пример +03:00)
Тег <ins> так же поддерживает Глобальные атрибуты и События
Стиль по умолчанию
ins {
text-decoration: underline;
}
Пример
<p>Мой любимый цвет <del>синий</del> <ins>красный</ins>!</p>
Результат данного примера в окне браузера:
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.01 | HTML 5 | XHTML 1.0 | XHTML 1.1 |
| Поддержка: | Да | Да | Да | Да |
Поддержка браузерами
| Браузер: | Internet Explorer | Google Chrome | Mozilla Firefox | Opera | Safari |
| Версия: | 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 | определяет направление символов:
|
| 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 | определяет направление символов:
|
| 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> Сделай код и жми тут