Balise HTML <ins>
La balise <ins> sert à définir une partie du texte qui a été insérée dans le document. Dans le navigateur, le contenu de la balise s'affiche en texte souligné, bien que cela puisse être modifié via la propriété CSS text-decoration.
La balise <ins> est généralement utilisée avec la balise <del>, qui contient la partie supprimée du texte. Le contenu de cet élément s'affiche en texte barré.
Les lecteurs d'écran modernes annoncent généralement automatiquement le texte inséré. Pour une meilleure accessibilité, vous pouvez également utiliser l'attribut aria-label pour fournir un contexte supplémentaire si nécessaire.
Syntaxe
La balise <ins> s'utilise par paire. Le contenu est écrit entre la balise d'ouverture (<ins>) et la balise de fermeture (</ins>).
Exemple de la balise HTML <ins> :
Balise HTML <ins>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>She likes <del datetime="2023-01-01">violets</del> <ins datetime="2023-10-01">snowdrops</ins>.</p>
</body>
</html>Résultat
Exemple de la balise HTML <ins> avec les propriétés CSS :
Exemple de la balise HTML <ins> avec les propriétés CSS
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
ins {
font-size: 16px;
font-weight: bold;
color: red;
}
ins::before {
content: " - ";
}
</style>
</head>
<body>
<p>
<q>You only live once, but if you do it right, once is enough.</q>
<ins>Mae West</ins>
</p>
</body>
</html>Attributs
| Attribut | Valeur | Description |
|---|---|---|
| cite | URL | Indique l'URL du document expliquant la raison de l'insertion. |
| datetime | YYYY-MM-DDThh:mm:ssTZD | Définit la date et l'heure de l'insertion. |
La balise <ins> prend également en charge les Attributs globaux et les Attributs d'événement.
Pratique
Quelle est la fonction de la balise HTML <ins> ?