<del> en HTML : signaler une suppression suivie sans effacer l'historique

La balise <del> marque une suppression suivie dans un contenu révisé, avec un historique conservé grâce aux attributs cite et datetime.
4 min de lecture
Believemy logo

Des conditions générales de vente changent un délai de rétractation, un tarif public passe d'un montant à un autre, un devis corrige une ligne erronée. Dans chacun de ces cas, effacer purement et simplement l'ancienne valeur pour la remplacer par la nouvelle prive le lecteur d'une information utile : que disait le document avant, et depuis quand ce changement est-il en vigueur ?

La balise <del> répond à ce besoin. Elle marque un passage comme supprimé dans une version révisée du contenu, sans le faire disparaître de la page : il reste visible, barré, avec la trace du changement conservée dans le code.


Définition

<del> entoure un texte considéré comme retiré d'un document par rapport à une version antérieure. Le navigateur l'affiche barré par défaut, mais son intérêt dépasse ce simple effet visuel : contrairement à une mise en forme purement décorative, <del> porte un sens précis, celui d'une suppression suivie dans l'historique d'un contenu qui continue d'évoluer.


Les attributs cite et datetime

Deux attributs facultatifs complètent la balise et lui donnent toute sa valeur documentaire. L'attribut cite pointe vers une URL qui justifie le changement, une page d'actualité, une note de version, un journal des modifications. L'attribut datetime précise la date, au format ISO 8601, à laquelle la suppression a été enregistrée.

HTML
<p>
  Le tarif de l'abonnement est de
  <del cite="/journal/tarifs-2026" datetime="2026-08-01">49,00 &euro;</del> par
  mois.
</p>

Aucun de ces deux attributs ne s'affiche à l'écran par défaut. Ils restent invisibles pour un visiteur ordinaire, mais un script ou une technologie d'assistance peut s'en servir pour construire un vrai journal de modifications, daté et sourcé, à partir du contenu lui-même plutôt que d'une documentation séparée qui finit toujours par se désynchroniser.


Une paire logique avec ins

<del> travaille presque toujours aux côtés de <ins>, sa balise complémentaire : l'une marque ce qui disparaît, l'autre ce qui apparaît à la place. Cette association reproduit le comportement d'un outil de suivi des modifications, directement dans le HTML de la page, sans dépendre d'un logiciel externe pour en comprendre le résultat.

HTML
<p>
  Article 4 : le délai de rétractation est de
  <del cite="/cgv/historique" datetime="2026-06-01">7 jours</del>
  <ins cite="/cgv/historique" datetime="2026-06-01">14 jours</ins> à compter de
  la réception.
</p>
Bon à savoir

Un lecteur d'écran annonce <del> comme une suppression, pas comme un simple texte barré. Utiliser cette balise pour un effet purement visuel, sans réelle intention de suivi de révision, induit donc l'utilisateur en erreur sur la nature du contenu qu'il entend.


del ou s, ne pas confondre

La confusion la plus fréquente oppose <del> à la balise <s>. Les deux s'affichent barrées par défaut, ce qui laisse penser qu'elles sont interchangeables. Leur sens diffère pourtant entièrement. <del> annonce une suppression suivie dans un contenu qui garde la mémoire de ses versions successives : un prix révisé, une clause modifiée. <s> marque un contenu qui n'est plus exact ni pertinent aujourd'hui, sans aucune notion de révision datée ni de document antérieur, comme un produit qui n'est plus disponible.

SituationBalise à utiliser
Un tarif remplacé par un autre, avec une date<del> associé à <ins>
Un objectif atteint, une tâche devenue caduque<s>, sans notion de révision
Une clause juridique corrigée dans un contrat<del> avec les attributs cite et datetime


Questions fréquentes

QuestionFaut-il toujours utiliser ins en même temps que del ?

Ce n'est pas obligatoire, mais c'est la pratique la plus utile dans la grande majorité des cas. Une suppression seule, sans indiquer ce qui la remplace, laisse le lecteur deviner la nouvelle valeur. Associer <ins> juste après <del> reconstitue le changement complet, dans les deux sens, ce qui est justement l'intérêt de suivre des révisions.

QuestionLe format de l'attribut datetime est-il libre ?

Non, il doit respecter le format ISO 8601, par exemple une date seule comme 2026-08-01, ou une date accompagnée d'une heure. Un format libre, comme une date écrite en toutes lettres, n'est pas reconnu par les navigateurs ni par les technologies d'assistance qui exploitent cet attribut, et perd tout son intérêt pratique.

QuestionUn contenu barré avec du CSS revient-il au même que del ?

Non, pas du tout. Une décoration CSS de type barré change uniquement l'apparence visuelle, sans porter aucun sens pour un lecteur d'écran ni pour un moteur de recherche. <del> ajoute une signification réelle au document, celle d'une suppression suivie, que le style visuel n'est qu'une conséquence secondaire de cette signification.

Termes connexes

Découvrez notre glossaire HTML et CSS

Parcourez les termes et définitions les plus couramment utilisés dans le domaine du développement HTML et CSS.

Partager cet article

Tu veux nous aider ? Fais un lien vers cet article sur tes réseaux ou encore mieux : sur ton site, dans un article ou dans ta newsletter.