Атрибут cite тега <ins>
Описание
Атрибут cite для тега <ins> указывает URL-адрес документа или ресурса, который объясняет причину добавления текста. Это полезно для указания источника изменений в документах с историей правок.
<p>
Доход компании за квартал составил
<del>$1.5 миллиона</del>
<ins cite="https://example.com/financial-updates" datetime="2025-11-15">
$1.8 миллиона
</ins>.
</p>
Основные аспекты:
| Атрибут | Обязательность | Формат |
|---|---|---|
cite |
Необязательный | Абсолютный или относительный URL |
datetime |
Необязательный | Дата/время изменения (YYYY-MM-DD) |
Пример с указанием источника правки:
<article>
<h2>История компании</h2>
<p>
Основана в <ins cite="/edits/commit/123" datetime="2025-01-10">
2005 году
</ins> (ранее считалось, что в 2003).
</p>
</article>
Рекомендации:
- Используйте вместе с атрибутом
datetimeдля полной информации - Указывайте конкретные страницы с объяснением изменений
- Для внутренних документов используйте относительные URL
- Сохраняйте историю изменений по указанным ссылкам
Пример в системе контроля версий:
<div class="document-history">
<p>
Последнее изменение:
<ins cite="https://github.com/example/repo/commit/abc123"
datetime="2025-11-20T14:30:00Z">
Добавлен раздел о новых продуктах
</ins>
</p>
</div>
Ограничения:
- Не отображается визуально в браузерах (только в DOM)
- Требует дополнительной реализации для отображения информации
- Мало используется в современной веб-разработке
Пример с JavaScript для отображения информации:
<p>
Население города:
<ins id="population-update"
cite="/population-data-2025"
datetime="2025-06-01">
1,245,678
</ins>
</p>
<script>
const update = document.getElementById('population-update');
update.addEventListener('click', function() {
alert(`Данные обновлены: ${this.getAttribute('datetime')}\n` +
`Источник: ${this.getAttribute('cite')}`);
});
</script>
Примечание: Хотя атрибут cite в теге <ins> предоставляет полезную метаинформацию о причинах изменений, на практике он редко используется. Для систем документооборота чаще применяют специализированные решения с полной историей изменений.