Table of Contents

Rôle

Représentation du Contenu Inséré

La balise <ins> est principalement utilisée pour représenter les parties de contenu qui ont été insérées dans un document. Par exemple, si vous souhaitez indiquer qu’un mot a été ajouté dans une phrase, vous pouvez utiliser la balise <ins> de la manière suivante :

html
<p>Le <ins>nouveau</ins> produit est maintenant disponible.</p>

Dans cet exemple, le mot "nouveau" est entouré par la balise <ins>, ce qui indique visuellement que ce mot a été ajouté depuis la dernière version du document. Cette approche permet aux lecteurs de comprendre facilement les changements et d’appréhender le contenu modifié.

Comparaison avec la Balise <del>

La balise <ins> est souvent utilisée en conjonction avec la balise <del>, qui est utilisée pour représenter le contenu supprimé ou barré dans un document. Ensemble, ces deux balises permettent de présenter les modifications apportées au texte de manière efficace. Voici un exemple d’utilisation combinée de ces balises :

html
<p>Le <del>ancien</del> <ins>nouveau</ins> produit est maintenant disponible.</p>

Dans cet exemple, le mot "ancien" est enveloppé dans la balise <del>, tandis que le mot "nouveau" est enveloppé dans la balise <ins>. Le résultat final indique clairement que "ancien" a été supprimé et remplacé par "nouveau".

Testez vous-même cette balise

Utilisez Codepen

Compatibilité

Tous les principaux navigateurs prennent en charge la balise <ins>.

Attributs spécifiques

cite
Spécifie l’URL du document qui explique le rajout
datetime
Spécifie la date du rajout

La balise <ins> prend aussi en charge les attributs globaux

Attibuts de type événement

La balise <ins> peut prendre en charge les événements clavier via l’attribut global contenteditable.

La balise <ins> prend également en charge les événements de souris !

Maxime GUINARD
Maxime GUINARD

Merci d'avoir lu cet article. Je suis un développeur web WordPress passionné, et j'ai créé ce contenu avec soin pour vous offrir des informations de qualité. Restez connectés pour plus de conseils et d'astuces !

Facebook
Twitter
LinkedIn
Avantages Inconvénients
Indique du contenu ajouté ou inséré dans le texte Peut ne pas être visuellement distinct sur certains navigateurs sans stylisation supplémentaire
Améliore l’accessibilité en identifiant clairement les modifications dans le texte Peut être ignoré ou mal interprété si utilisé de manière inappropriée
Contribue à une structure HTML plus sémantique Doit être utilisée judicieusement pour éviter une surutilisation inutile
Peut être stylisée pour une présentation visuelle améliorée Ne convient pas à toutes les situations de modification de texte

Un projet en tête ?

Contact

Et si on discutait ? 🙂

  • Element Carré
  • Element Triangle
  • Element Triangle
  • Element Carré
Contact

Adresse

Avenue du bac
94210 SAINT MAUR DES FOSSES

Téléphone

06.65.13.24.36