Balise HTML <del>
La balise <del> spécifie une partie du texte qui a été supprimée du document. Les navigateurs affichent ce texte en barré. Pour indiquer une nouvelle version du texte, nous utilisons la <ins> balise, dont le contenu est affiché souligné dans le navigateur.
TIP
Pour afficher le texte en souligné, vous pouvez utiliser la propriété CSS text-decoration avec la valeur "underline".
Les lecteurs d'écran modernes annoncent généralement automatiquement le texte supprimé. Si un contexte supplémentaire est nécessaire, utilisez aria-label ou aria-describedby au lieu de content en CSS.
Syntaxe
La balise <del> s'utilise par paires. Le contenu est écrit entre la balise d'ouverture (<del>) et la balise de fermeture (</del>).
Exemple de la balise HTML <del> :
Balise HTML <del>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>My favorite color is <del style="color:#8ebf42;">green</del> <ins style="color:#1c87c9;"> blue</ins>!</p>
</body>
</html>Résultat
Exemple de la balise HTML <del> avec l'attribut cite :
Exemple de la balise HTML <del> avec l'attribut cite
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>The <del cite="https://www.w3docs.com/learn-html/html-b-tag.html" style="color:#ff0000">b</del> <ins cite="https://www.w3docs.com/learn-html/html-strong-tag.html" style="color:#c10ccc;">strong</ins> tag being a logical tag is used to emphasize the importance of the text.</p>
</body>
</html>Exemple de la balise HTML <del> avec l'attribut datetime :
Exemple de la balise HTML <del> avec l'attribut datetime
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>The <del datetime="2023-10-25T14:30:00Z" style="color:#ff0000">old text</del> was replaced with new content.</p>
</body>
</html>Attributs
| Attribut | Valeur | Description |
|---|---|---|
| cite | URL | Spécifie l'URL du document qui explique pourquoi le texte a été modifié ou supprimé. |
| datetime | YYYY-MM-DDThh:mm:ssTZD | Définit la date et l'heure du texte supprimé. |
La balise <del> utilise également les Attributs globaux et les Attributs d'événement.
Pratique
Quelles sont les utilisations et fonctionnalités correctes de la balise HTML <del> selon le contenu de l'URL spécifiée ?