<del>
Un texte supprimé d’un document, affiché barré pour conserver l’historique des modifications.
- Affichage
- inline
- Balise fermante
- Obligatoire
- Contenu autorisé
- Contenu transparent, c’est-à-dire celui qu’autorise l’élément parent
Exemple
#<p>Liste des tâches du jour :</p>
<ul>
<li><del>Regarder la leçon sur les boucles</del></li>
<li><del>Résoudre trois exercices</del></li>
<li>Construire une calculatrice en JavaScript</li>
</ul>Définition et utilisation
#L’élément <del> marque un fragment supprimé d’un document. Au lieu de l’effacer, vous le laissez barré, pour que le lecteur voie l’historique des modifications : des corrections dans un règlement, des rectifications dans des articles, des éléments accomplis sur une liste de tâches.
Comme <ins>, il accepte les attributs datetime (quand le fragment a été supprimé) et cite (l’adresse d’une explication), et peut englober aussi bien quelques mots que des paragraphes entiers.
La différence avec <s> : <del> est une édition de document, tandis que <s> marque une information qui n’est plus actuelle, par exemple un ancien prix en promotion. La plupart des lecteurs d’écran n’annoncent pas les suppressions par défaut, donc décrivez aussi les changements importants avec des mots.
Syntaxe
#<del datetime="2026-09-28">texte supprimé</del>Attributs
#URL
L’adresse d’une page expliquant pourquoi le fragment a été supprimé. Le navigateur ne l’affiche pas.date et heure
Le moment où le fragment a été supprimé, dans le même format que dans l’élément<time>, par exemple2026-09-28.
L’élément accepte aussi tous les attributs globaux, comme class, id, style ou hidden.
Attributs en pratique
#cite
URLL’adresse d’une page expliquant pourquoi le fragment a été supprimé. Le navigateur ne l’affiche pas.
<p>Dans l’offre : accès aux leçons, <del cite="/changements/tarifs-2026">certificat papier</del>, accompagnement par un mentor.</p>datetime
date et heureLe moment où le fragment a été supprimé, dans le même format que dans l’élément <time>, par exemple 2026-09-28.
<p>La rencontre en ligne aura lieu <del datetime="2026-09-28">jeudi</del> <ins datetime="2026-09-28">vendredi</ins>.</p>CSS par défaut
#La plupart des navigateurs affichent cet élément avec ces styles par défaut :
del {
text-decoration: line-through;
}Compatibilité des navigateurs
#Largement disponible
Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.
- Chrome
- Edge
- Firefox
- Safari
Bonnes pratiques
#- Marquez les informations obsolètes qui ne sont pas une édition de document, par exemple d’anciens prix, avec
<s>. - L’élément
<strike>est obsolète. Choisissez<del>ou<s>, selon le sens. - Décrivez aussi un changement important avec des mots, car un utilisateur de lecteur d’écran pourrait ne pas entendre le barré.
Entrées associées
#- <ins>Un texte ajouté à un document, par exemple dans une nouvelle version d’un règlement ou dans un article corrigé.
- <s>Un contenu qui n’est plus d’actualité, par exemple un ancien prix. Le navigateur le barre.
- <time>Une date, une heure ou une durée écrites de façon lisible pour les humains et, en même temps, compréhensible pour les machines.
- <mark>Met en évidence un fragment de texte comme un surligneur, parce qu’il est pertinent dans le contexte actuel.
Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.