Тег <ins>

Описание

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

Отслеживание изменений:
<p> Старая версия текста. <ins>Новое добавленное предложение.</ins> </p>
С указанием даты изменения:
<p> Изначальный контент. <ins datetime="2023-05-15T08:00">Обновление.</ins> </p>
Сравнение с <del>:
<p> <del>Устаревшая информация.</del> <ins>Актуальные данные.</ins> </p>

Семантические особенности:

  • По умолчанию отображается подчеркнутым (можно изменить через CSS)
  • Имеет значение для истории изменений документа
  • Часто используется вместе с тегом <del>
  • Важен для систем контроля версий
  • Доступен для скринридеров как вставленный текст

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

  • Используйте для реальных изменений контента, а не для декора
  • Указывайте атрибут datetime при публичном редактировании
  • Избегайте избыточного выделения (только значимые изменения)
  • Для простого подчеркивания используйте CSS (text-decoration)
  • В формальных документах добавляйте пояснения изменений

Тег <ins> помогает сохранять историю изменений документа и улучшает прозрачность редактирования контента.

Атрибуты

cite URL документа с объяснением вставки
datetime Дата и время вставки
class CSS-классы для стилизации
contenteditable Разрешает редактирование
data-* Пользовательские данные
dir Направление текста
hidden Скрывает элемент
id Уникальный идентификатор
lang Язык содержимого
spellcheck Включает проверку орфографии
style Инлайновые стили
tabindex Порядок перехода по Tab
title Всплывающая подсказка
translate Определяет возможность перевода

Поддержка браузерами
4.0 1.0 7.0 1.0 1.3