<ins>
Tekst dopisany do dokumentu, na przykład w nowej wersji regulaminu albo w poprawionym artykule.
- Wyświetlanie
- inline
- Znacznik zamykający
- Wymagany
- Dozwolona zawartość
- Treść przezroczysta, czyli taka, jaką dopuszcza element nadrzędny
Przykład
#<p>
Dostęp do kursu jest aktywny przez
<del>6 miesięcy</del>
<ins>12 miesięcy</ins>
od dnia zakupu.
</p>Definicja i zastosowanie
#Element <ins> oznacza fragment dodany do dokumentu podczas edycji: nowy zapis w regulaminie, sprostowanie w artykule, dopisaną pozycję na liście. Przeglądarki domyślnie go podkreślają.
Zwykle występuje w parze z <del>, który oznacza treść usuniętą. Razem pokazują czytelnikowi, co dokładnie się zmieniło. Atrybut datetime zapisuje, kiedy wprowadzono zmianę, a cite może wskazywać stronę z jej wyjaśnieniem.
<ins> może obejmować zarówno kilka słów w akapicie, jak i całe akapity czy listy. Nie może jednak zaczynać się w jednym akapicie i kończyć w kolejnym. W takiej sytuacji potrzebne są dwa osobne elementy.
Większość czytników ekranu domyślnie nie informuje o wstawkach i usunięciach. Jeśli zmiana jest ważna, opisz ją także słowami.
Składnia
#<ins datetime="2026-09-28">dopisany tekst</ins>Atrybuty
#URL
Adres strony, która wyjaśnia zmianę, np. wpisu w historii zmian. Przeglądarka go nie wyświetla.data i godzina
Moment wprowadzenia zmiany, w tym samym formacie co w elemencie<time>, np.2026-09-28albo2026-09-28T14:30+02:00. Przeglądarka go nie pokazuje, ale mogą go odczytać skrypty.
Element obsługuje też wszystkie atrybuty globalne, takie jak class, id, style czy hidden.
Atrybuty w praktyce
#cite
URLAdres strony, która wyjaśnia zmianę, np. wpisu w historii zmian. Przeglądarka go nie wyświetla.
<p>Zwrot pieniędzy przysługuje w ciągu <ins cite="/zmiany/regulamin-2026">30 dni</ins> od zakupu.</p>datetime
data i godzinaMoment wprowadzenia zmiany, w tym samym formacie co w elemencie <time>, np. 2026-09-28 albo 2026-09-28T14:30+02:00. Przeglądarka go nie pokazuje, ale mogą go odczytać skrypty.
<p>Kurs obejmuje <ins datetime="2026-09-28T14:30+02:00">cztery projekty</ins> do portfolio.</p>Więcej przykładów
#<ins datetime="2026-09-28">
<p>Nowość: każda lekcja ma teraz wersję audio.</p>
</ins>Domyślny CSS
#Większość przeglądarek wyświetla ten element z takimi stylami domyślnymi:
ins {
text-decoration: underline;
}Obsługa przeglądarek
#Szeroko dostępne
Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.
- Chrome
- Edge
- Firefox
- Safari
Dobre praktyki
#- Łącz
<ins>z<del>, żeby było widać, co zastąpiło co. - Jeśli tekst ma być tylko podkreślony, bez znaczenia „dodano”, użyj CSS albo
<u>. - Zmianę, o której muszą wiedzieć wszyscy, opisz także słowami, np. „Zaktualizowano 28 września 2026”.
Powiązane hasła
#- <del>Tekst usunięty z dokumentu, pokazany jako przekreślony, żeby zachować historię zmian.
- <s>Treść, która przestała być aktualna, na przykład stara cena. Przeglądarka ją przekreśla.
- <u>Tekst z adnotacją, której nie da się zapisać słowami, najczęściej oznaczenie błędu pisowni.
- <time>Data, godzina lub czas trwania zapisane czytelnie dla ludzi i jednocześnie zrozumiale dla maszyn.
- <mark>Wyróżnia fragment tekstu jak zakreślacz, bo jest istotny w bieżącym kontekście.
Widzisz błąd albo brakuje przykładu? Napisz do nas.