<ins>
Un texte ajouté à un document, par exemple dans une nouvelle version d’un règlement ou dans un article corrigé.
- Affichage
- inline
- Balise fermante
- Obligatoire
- Contenu autorisé
- Contenu transparent, c’est-à-dire celui qu’autorise l’élément parent
Exemple
#<p>
L’accès à la formation est actif pendant
<del>6 mois</del>
<ins>12 mois</ins>
à compter de la date d’achat.
</p>Définition et utilisation
#L’élément <ins> marque un fragment ajouté à un document lors d’une édition : une nouvelle clause dans un règlement, une rectification dans un article, un élément ajouté à une liste. Les navigateurs le soulignent par défaut.
Il apparaît généralement en paire avec <del>, qui marque un contenu supprimé. Ensemble, ils montrent au lecteur ce qui a exactement changé. L’attribut datetime enregistre le moment où la modification a été apportée, et cite peut indiquer une page qui l’explique.
<ins> peut englober aussi bien quelques mots dans un paragraphe que des paragraphes ou des listes entiers. Il ne peut toutefois pas commencer dans un paragraphe et se terminer dans le suivant. Dans ce cas, il faut deux éléments séparés.
La plupart des lecteurs d’écran n’annoncent pas les ajouts et les suppressions par défaut. Si le changement est important, décrivez-le aussi avec des mots.
Syntaxe
#<ins datetime="2026-09-28">texte ajouté</ins>Attributs
#URL
L’adresse d’une page qui explique le changement, par exemple une entrée dans l’historique des modifications. Le navigateur ne l’affiche pas.date et heure
Le moment où le changement a été apporté, dans le même format que dans l’élément<time>, par exemple2026-09-28ou2026-09-28T14:30+02:00. Le navigateur ne l’affiche pas, mais des scripts peuvent le lire.
L’élément accepte aussi tous les attributs globaux, comme class, id, style ou hidden.
Attributs en pratique
#cite
URLL’adresse d’une page qui explique le changement, par exemple une entrée dans l’historique des modifications. Le navigateur ne l’affiche pas.
<p>Le remboursement est possible dans un délai de <ins cite="/changements/reglement-2026">30 jours</ins> après l’achat.</p>datetime
date et heureLe moment où le changement a été apporté, dans le même format que dans l’élément <time>, par exemple 2026-09-28 ou 2026-09-28T14:30+02:00. Le navigateur ne l’affiche pas, mais des scripts peuvent le lire.
<p>La formation comprend <ins datetime="2026-09-28T14:30+02:00">quatre projets</ins> pour votre portfolio.</p>Plus d’exemples
#<ins datetime="2026-09-28">
<p>Nouveauté : chaque leçon a désormais une version audio.</p>
</ins>CSS par défaut
#La plupart des navigateurs affichent cet élément avec ces styles par défaut :
ins {
text-decoration: underline;
}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
#- Associez
<ins>à<del>, pour qu’on voie clairement ce qui a remplacé quoi. - Si le texte doit être simplement souligné, sans la signification « ajouté », utilisez le CSS ou
<u>. - Décrivez aussi avec des mots un changement que tout le monde doit connaître, par exemple « Mis à jour le 28 septembre 2026 ».
Entrées associées
#- <del>Un texte supprimé d’un document, affiché barré pour conserver l’historique des modifications.
- <s>Un contenu qui n’est plus d’actualité, par exemple un ancien prix. Le navigateur le barre.
- <u>Un texte avec une annotation qu’on ne peut pas exprimer par des mots, le plus souvent le marquage d’une faute d’orthographe.
- <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.