HTML - тег <ins> определяет текст, вставленный в документ. Браузеры обычно подчеркивают вставленный текст.
Тег <ins> - синтаксис и код
Тег <ins> представлен парами. Содержимое записывается между открывающим (<ins>) и закрывающим (</ins>) тегами.
Пример текста с удаленной частью и новой вставленной частью:
<p>Мой любимый цвет — <del>красный</del> <ins>синий</ins>!</p>
Мой любимый цвет — красный синий!
Определение и использование
- HTML - тег
<ins> используется для определения части текста, вставленной в документ. В браузере содержимое тега отображается как подчеркнутый текст, хотя это можно изменить с помощью свойства CSS text-decoration;
- Тег
<ins> обычно используется с тегом <del>, который содержит удаленную часть текста. Содержимое этого элемента отображается в виде перечеркнутого текста.
★ Примечание: большинство технологий чтения с экрана не объявляют о существовании тега <ins> в конфигурации по умолчанию. Чтобы объявить об этом, вы можете использовать свойство содержимого CSS с псевдоэлементами ::after и ::before.
Поддержка <ins> браузерами
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
Атрибуты
| Атрибут |
Значение |
Описание |
| cite |
URL |
Указывает URL-адрес документа, в котором объясняется причина удаления/изменения текста |
| datetime |
YYYY-MM-DDThh:mm:ssTZD |
Указывает дату и время удаления/изменения текста |
Глобальные атрибуты
Тег <ins> также поддерживает глобальные атрибуты в HTML
Атрибуты событий
Тег <ins> также поддерживает атрибуты событий в HTML
Дополнительные примеры
Используйте CSS для стилизации <del> и <ins>:
<!DOCTYPE html>
<html>
<head>
<style>
del {background-color: red;}
ins {background-color: blue;}
</style>
</head>
<body>
<h3>Элементы del и ins + CSS</h3>
<p>Мой любимый цвет <del>красный</del> <ins>синий</ins>!</p>
</body>
</html>
Элементы del и ins + CSS
Мой любимый цвет красный синий!
Связанные страницы
Руководство по HTML: введение в HTML
Настройки CSS по умолчанию
Большинство браузеров отображают элемент ins со следующими значениями по умолчанию:
ins {
text-decoration: underline;
}
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.
