<ins> w HTML to znacznik służący do oznaczania tekstu, który został wstawiony (dodany) do dokumentu. Używa się go przede wszystkim w kontekście pokazywania zmian w treści, np. w dokumentach edytowanych, recenzjach lub systemach kontroli wersji. Przeglądarki domyślnie podkreślają tekst umieszczony wewnątrz tego znacznika.
Zastosowanie <ins>
Znacznik <ins> stosuje się do:
- Podkreślania nowo dodanego tekstu w treści dokumentu;
- Wersjonowania i śledzenia zmian – np. pokazywanie użytkownikom, co zostało dodane względem poprzedniej wersji dokumentu;
- Recenzji i korekt – można wyraźnie zaznaczyć, co zostało dodane przez redaktora czy autora;
- W połączeniu ze znacznikiem
<del>stanowi czytelny sposób wizualizacji zmian: usunięte fragmenty oznacza się<del>, a nowe<ins>.
Przykład użycia
Załóżmy, że zmieniamy informację o ulubionym kolorze w tekście:
<p>Mój ulubiony kolor to <del>niebieski</del> <ins>czerwony</ins>!</p>
Powyższy kod spowoduje, że „niebieski” będzie oznaczony jako usunięty (zwykle przekreślony), a „czerwony” jako nowo dodany (najczęściej podkreślony).
Główne atrybuty znacznika <ins>
- cite – pozwala podać adres URL dokumentu, który wyjaśnia lub uzasadnia, dlaczego dokonano zmiany;
Przykład:
<ins cite="https://example.com/zmiana">Nowy fragment tekstu</ins> - datetime – umożliwia określenie dokładnej daty i godziny wstawienia/zmiany tekstu. Zalecany format to
YYYY-MM-DDThh:mm:ssTZD(np.2025-08-07T15:10:00Z).Przykład:
<ins datetime="2025-08-07T15:19:14Z">Aktualizacja treści</ins> Atrybuty te zwiększają przejrzystość i ułatwiają automatyczne analizowanie historii zmian.
Domyślne stylowanie i modyfikacje
Standardowo tekst w <ins> jest podkreślony. Można to zmienić, korzystając z CSS, np.:
<style> ins { background-color: #e6ffe6; text-decoration: none; border-bottom: 2px solid green; } del { background-color: #ffe6e6; text-decoration: line-through; } </style> Stosując powyższe style, możesz sprawić, by nowo dodane fragmenty miały kolorowe tło lub inny rodzaj podkreślenia, a usunięte – kontrastowe przekreślenie. To szczególnie przydatne np. w systemach recenzji tekstu lub podczas prezentowania zmian publicznie.
Przykład bardziej zaawansowany
Wersjonowanie tekstu z datą i linkiem do uzasadnienia zmiany:
<p> Dziennik zmian:<br> <ins cite="https://historia-zmian.pl/123" datetime="2025-08-07T14:00:00Z"> Dodano informację o nowych przepisach. </ins> </p> Taki zapis pozwoli użytkownikom – albo zewnętrznym systemom przetwarzającym treść – odczytać zarówno moment dokonania zmiany, jak i źródło czy uzasadnienie.
Kiedy warto stosować <ins>
- Przy dokumentowaniu zmian w regulaminach, procedurach, oficjalnych ogłoszeniach,
- w aplikacjach umożliwiających porównywanie wersji treści (np. edytory tekstu online, wiki, systemy kontroli wersji),
- w miejscach, gdzie przejrzyste śledzenie historii edycji jest wymagane z perspektywy użytkownika lub prawa.
Znacznik <ins> to ważne narzędzie dla transparentnej komunikacji zmian w treści stron internetowych, szczególnie tam, gdzie istotny jest kontekst powstawania nowego tekstu i możliwość śledzenia historii edycji. W połączeniu z CSS oraz atrybutami cite i datetime umożliwia zarówno wizualne, jak i techniczne zarządzanie zmianami w dokumentach HTML.
