Znacznik <del> w HTML służy do oznaczania tekstu, który został usunięty z dokumentu, na przykład w ramach poprawek, korekt lub wersjonowania treści. Najczęściej przeglądarki internetowe wyświetlają taki tekst jako przekreślony. Pozwala to wizualnie zaznaczyć zmiany w dokumencie, ułatwiając czytelnikom śledzenie edycji lub porównań wersji.
Jak działa znacznik <del>
Element <del> otacza ten fragment tekstu, który został uznany za usunięty. Przykład jej działania:
<p>Moim ulubionym kolorem jest <del>niebieski</del> czerwony.</p>Wynik: Moim ulubionym kolorem jest ~~niebieski~~ czerwony.
Zazwyczaj znacznik <del> jest używany z <ins>, który oznacza tekst, który został dodany. Razem pozwalają na czytelne prezentowanie zmian:
<p>Moim ulubionym kolorem jest <del>niebieski</del> <ins>czerwony</ins>!</p>Zastosowania znacznika <del>
- Prezentacja zmian – w dokumentach, np. przy redakcji artykułów czy umów;
- Śledzenie wersji – pozwala zobaczyć, jaka treść została skasowana przy aktualizacji strony;
- Przejrzysta współpraca – z łatwością można pokazać, co zmodyfikował współautor bez ukrywania wcześniejszej wersji;
- Historia edycji – użytkownicy mogą zobaczyć, jakie informacje zostały zaktualizowane lub usunięte.
Atrybuty dodatkowe <del>
Znacznik <del> akceptuje również dwa istotne atrybuty:
- cite – pozwala podać adres URL dokumentujący powód lub kontekst usunięcia tekstu;
<del cite="https://przyklad.com/zmiany-redakcyjne">stara informacja</del>- datetime – pozwala zapisać dokładną datę i godzinę dokonania zmiany (format zgodny z ISO 8601).
<del datetime="2025-08-07T15:15:00Z">nieaktualny termin</del>Przykładowe użycie obu atrybutów razem:
<del cite="https://przyklad.com/aktualizacja" datetime="2025-08-07T15:15:00Z"> nieaktualna treść </del>Stylizacja za pomocą CSS
Standardowo HTML <del> jest przekreślony, jednak można go dowolnie stylizować:
<style> del { background-color: #fdd; text-decoration: line-through; color: #900; } </style> <p>Dawny opis: <del>Ten produkt jest już dostępny</del> <ins>Produkt wyprzedany</ins></p>Przykłady praktyczne
- Korekta w treści bloga –
<p>Wydarzenie odbędzie się <del>5 sierpnia</del> <ins>12 sierpnia</ins> 2025 roku.</p>- Zmiana ceny w sklepie internetowym –
<span>Cena: <del>99 zł</del> 79 zł!</span>- Aktualizacja punktu regulaminu –
<li> <del>Płatność tylko gotówką.</del> <ins>Akceptujemy płatności kartą i gotówką.</ins> </li>Podsumowanie
Znacznik <del> to proste, ale niezwykle przydatne narzędzie HTML do zarządzania zmianami w treści – zarówno na potrzeby czytelnej prezentacji różnic w dokumentach, jak i w celu zachowania historii edycji lub transparentności wprowadzenia poprawek. Jego użycie wraz z <ins>, a także wykorzystanie atrybutów cite i datetime, pozwala na tworzenie stron internetowych odpowiadających profesjonalnym standardom prezentowania zmian i współpracy redakcyjnej.
