Utilisation de la balise ins HTML pour les insertions texte

septembre 5, 2023
0 Commentaires

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 !

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

      
   Maxime GUINARD | Développeur & Webdesigner WordPress indépendant
   148 avis Google 
  Écrire un avis 
  
 
 
   
 
 
        
   Myriam SRIKANTHA 
 2023-12-21
 
 
  Maxime GUIMARD a pris le temps de présenter son métier, auprès de mes classes de lycéen.  Présentation efficace, claire et compréhensible. Il a été à l’écoute des questions des lycéens.  Un grand merci à lui d’avoir pris le temps d’expliquer sa passion !
  
 
       
   Philippe BERTIEAUX 
 2023-10-01
 
 
  Maxime a une capacité que peu de SEO managers ont à ce jour ; celle de pouvoir s'adapter de manière extrêmement rapide et d'une manière particulièrement efficace, à toutes situations techniques inconfortables, mêmes les plus délicates. Le résultat est toujours au rendez-vous. Merci Maxime.
  
 
       
   Cuong Doan 
 2023-09-30
 
 
  J'ai travaillé avec Maxime sur un projet d'optimisation, où nous avons indexé les pages sur Google Search Console et effectué des corrections techniques en SEO. Il a réussi à résoudre tous les problèmes. Il est toujours disponible pour répondre à toutes les questions, très professionnel. C'était un plaisir de travailler avec lui ????????????.
  
 
       
   Artus Trézières 
 2023-09-30
 
 
  J'ai adoré travailler avec Maxime. Il est à l'écoute, gentil, et très compétent. De plus, il travaille extrêmement bien. Je le recommande vivement !
  
 
       
   Romain Knockaert 
 2023-09-01
 
 
  J'ai commandé auprès de Maxime une base pour un serveur Garry's Mod, n'ayant ni les compétences nécessaires ni le temps, il m'a aidé et m'a fourni une base propre avec des addons qu'il a fait lui-même pour un prix plus que raisonnable ! Grâce à lui j'ai pu gagner beaucoup de temps pour l'exécution de mon projet 🙂 je recommande !
  
 
       
   maha 
 2023-08-27
 
 
  Maxime GUINARD se distingue vraiment en tant que développeur web indépendant de haut calibre ! Sa maîtrise du développement WordPress et du design web est tout simplement impressionnante. Je suis extrêmement satisfaite de la qualité de son travail et je n'ai aucune hésitation à le recommander chaudement. Il mérite amplement toutes les étoiles possibles, soit 5 étoiles sans aucun doute !
  
 
       
   Nathou M 
 2023-05-24
 
 
  Super !
  
 
       
   Mario Mario 
 2023-05-24
 
 
  Super site web
  
 
       
   Mitsuko 
 2022-07-14
 
 
  Hello,  Maxime ma fait un super site web et aussi une carte en 3D ! J'ai passé 6 mois avec Maxime pour le tout. J'ai eu la chance de faire de superbes rencontres et de découvrir Maxime. Quelqu'un de dévouée et super bienveillant qui m'a permis de grandir et de m'accompagner tout au long de ma commande. Maxime est à l'écoute !
  
 
       
   M Mestchersky 
 2022-04-11
 
 
  Maxime is an excellent web developer and SEO consultant. Need any SEO advice? He is the one you're looking for.

Adresse

Avenue du bac
94210 SAINT MAUR DES FOSSES

Téléphone

06.65.13.24.36

Emails

dev@maxime-guinard.fr maxime.guinard.pro@gmail.com