<del>
Tekst usunięty z dokumentu, pokazany jako przekreślony, żeby zachować historię zmian.
- Wyświetlanie
- inline
- Znacznik zamykający
- Wymagany
- Dozwolona zawartość
- Treść przezroczysta, czyli taka, jaką dopuszcza element nadrzędny
Przykład
#<p>Lista zadań na dziś:</p>
<ul>
<li><del>Obejrzeć lekcję o pętlach</del></li>
<li><del>Rozwiązać trzy zadania</del></li>
<li>Zbudować kalkulator w JavaScripcie</li>
</ul>Definicja i zastosowanie
#Element <del> oznacza fragment usunięty z dokumentu. Zamiast go skasować, zostawiasz go przekreślonego, żeby czytelnik widział historię zmian: poprawki w regulaminie, sprostowania w artykułach, zrealizowane pozycje na liście zadań.
Podobnie jak <ins>, przyjmuje atrybuty datetime (kiedy usunięto fragment) i cite (adres wyjaśnienia) i może obejmować zarówno kilka słów, jak i całe akapity.
Różnica względem <s>: <del> to edycja dokumentu, a <s> oznacza informację, która przestała być aktualna, np. starą cenę w promocji. Większość czytników ekranu domyślnie nie ogłasza usunięć, więc ważne zmiany opisz też słowami.
Składnia
#<del datetime="2026-09-28">usunięty tekst</del>Atrybuty
#URL
Adres strony z wyjaśnieniem, dlaczego fragment usunięto. Przeglądarka go nie wyświetla.data i godzina
Moment usunięcia fragmentu, w formacie takim jak w elemencie<time>, np.2026-09-28.
Element obsługuje też wszystkie atrybuty globalne, takie jak class, id, style czy hidden.
Atrybuty w praktyce
#cite
URLAdres strony z wyjaśnieniem, dlaczego fragment usunięto. Przeglądarka go nie wyświetla.
<p>W pakiecie: dostęp do lekcji, <del cite="/zmiany/cennik-2026">papierowy certyfikat</del>, wsparcie mentora.</p>datetime
data i godzinaMoment usunięcia fragmentu, w formacie takim jak w elemencie <time>, np. 2026-09-28.
<p>Spotkanie online odbędzie się w <del datetime="2026-09-28">czwartek</del> <ins datetime="2026-09-28">piątek</ins>.</p>Domyślny CSS
#Większość przeglądarek wyświetla ten element z takimi stylami domyślnymi:
del {
text-decoration: line-through;
}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
#- Nieaktualne informacje, które nie są edycją dokumentu, np. stare ceny, oznaczaj przez
<s>. - Element
<strike>jest przestarzały. Wybierz<del>albo<s>, zależnie od znaczenia. - Ważną zmianę opisz też słowami, bo użytkownik czytnika ekranu może nie usłyszeć przekreślenia.
Powiązane hasła
#- <ins>Tekst dopisany do dokumentu, na przykład w nowej wersji regulaminu albo w poprawionym artykule.
- <s>Treść, która przestała być aktualna, na przykład stara cena. Przeglądarka ją przekreśla.
- <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.