Znacznik <del> w HTML służy do oznaczania fragmentów tekstu, które zostały usunięte z dokumentu w jego kolejnych wersjach. Jest to narzędzie semantyczne – informuje zarówno użytkowników, jak i maszyny (np. czytniki ekranu czy systemy porównujące wersje dokumentów), że dana część treści została świadomie wykreślona lub wycofana.
Podstawowe zastosowanie i wygląd
Tekst objęty znacznikami <del> i </del> jest domyślnie prezentowany przez przeglądarki jako przekreślony (najczęściej linią pośrodku tekstu). Przykładowo:
<p>Wersja robocza: <del>Celująco zdam egzamin.</del> Udało mi się zdać egzamin.</p> Wyświetli się jako:
Wersja robocza: ~~Celująco zdam egzamin.~~ Udało mi się zdać egzamin.
Znaczenie semantyczne
- <del> jest stosowany do informowania o edycjach treści – pokazuje, co zostało usunięte w porównaniu do poprzedniej wersji dokumentu;
- Pozwala odróżnić ten przypadek od znaczników takich jak
<s>– oznacza tekst nieaktualny, nieprawidłowy lub nieistotny, ale niekoniecznie usunięty z dokumentu na skutek zmian technicznych czy redakcyjnych.
Różnica między <del> a <s>
Znacznik <s> |
Znacznik <del> |
|---|---|
| Oznacza tekst nieaktualny lub nieistotny | Oznacza tekst trwale usunięty z dokumentu |
| Przykład: Ceny promocyjne, stare informacje | Przykład: Korekta błędów, edycje dokumentu |
Rozszerzone możliwości – atrybuty datetime i cite
Znacznik <del> może posiadać atrybuty:
- datetime – pozwala określić dokładny czas (ISO 8601), w którym tekst został usunięty;
- cite – umożliwia dodanie odniesienia (URL źródła bądź uzasadnienia decyzji o usunięciu).
Przykład użycia z atrybutami:
<p>Cena promocyjna: <del datetime="2025-06-01T12:30:00Z" cite="https://dokumentacja-firmy.pl/zmiany-cen"> 99 zł </del> Aktualna cena: 79 zł.</p> Praktyczne zastosowania
- Artykuły i blogi – pokazywanie czytelnikom, jakie fragmenty zostały poprawione lub usunięte po publikacji, by zachować przejrzystość edycji;
- Wersjonowanie dokumentów – oznaczanie zmian w regulaminach, umowach lub dokumentacji technicznej;
- Recenzje i korekty – współpraca wielu osób nad tekstem, gdzie wskazuje się, co zostało usunięte przed akceptacją finalnej wersji;
- Moduły e-commerce – informowanie o usuniętych produktach, nieaktualnych cenach lub promocjach.
Dobry wzorzec użycia
<p> Niniejszy regulamin obowiązuje od <del datetime="2024-01-01">1 stycznia 2024</del> <ins datetime="2025-01-01">1 stycznia 2025</ins>. </p> Współużycie ze znacznikiem <ins> (wstawiony tekst) pozwala przejrzyście pokazywać zarówno to, co zostało dodane, jak i usunięte.
Podsumowanie
Znacznik <del> jest niezbędny, kiedy chcesz w sposób czytelny i semantyczny oznaczyć redakcyjne usunięcia treści w kodzie HTML. Dzięki temu zwiększasz przejrzystość wersjonowania oraz profesjonalizm publikowanej treści, a także wspierasz dostępność i poprawność interpretacji Twojej strony przez wyszukiwarki i narzędzia asystujące.
