Атрибут title тега <ins>
Описание
Атрибут title для тега <ins> задает всплывающую подсказку (tooltip), которая появляется при наведении курсора на вставленный текст. Это полезно для предоставления дополнительной информации о внесенных изменениях.
<p>
Цена изменена:
<ins title="Изменено 15.11.2025, автор: Иванов">99.99 руб.</ins>
(было 120 руб.)
</p>
Основные применения:
| Сценарий | Пример | Польза |
|---|---|---|
| Информация об авторе | title="Автор: Петрова А.И." |
Отслеживание изменений |
| Дата изменения | title="Обновлено 20.11.2025" |
История правок |
| Причина изменения | title="Исправление опечатки" |
Пояснение правки |
| Дополнительные сведения | title="См. документ №123" |
Ссылка на источник |
Пример с комбинированной информацией:
<article>
<p>
Срок действия:
<ins title="Изменено: 2025-11-15 | Причина: продление договора">
31 декабря 2026 года
</ins>
</p>
</article>
Рекомендации:
- Делайте подсказки краткими (50-100 символов)
- Используйте разделители для структурирования информации
- Сочетайте с атрибутом
datetimeдля семантической разметки - Избегайте дублирования видимого текста
- Проверяйте отображение на мобильных устройствах
Ограничения:
- На мобильных устройствах подсказки могут не отображаться
- Длинный текст может обрезаться в разных браузерах
- Не заменяет семантические атрибуты (
datetime,cite) - Недоступен для скринридеров как полноценная альтернатива тексту
Пример в системе контроля версий:
<div class="document">
<p>
<ins title="Коммит: a1b2c3d | Автор: Сергеев">
Добавлен пункт о конфиденциальности
</ins>
</p>
<p>
<ins title="Коммит: x9y8z7w | Автор: Петрова | Дата: 2025-11-10">
Обновлены реквизиты
</ins>
</p>
</div>
Примечание: Атрибут title - это удобный способ добавить краткую метаинформацию о вставленном тексте, но для важных сведений рекомендуется использовать видимые элементы интерфейса или специализированные системы контроля версий.