La balise HTML <!--...--> est utilisée pour insérer des commentaires dans le code HTML.
Ces commentaires sont ignorés par les navigateurs et ne s'affichent pas sur la page Web. Ils permettent aux développeurs d’ajouter des annotations, des rappels ou des explications dans le code sans impacter le rendu du document.
Attention
Les commentaires restent disponibles aux yeux de tous les visiteurs quand ils inspectent le code source en faisant :
- clic droit > Afficher le code source de la page
- clic droit > Inspecter
Ne renseignez donc jamais d'informations confidentielles dans vos commentaires ! 😊
Structure
La balise de commentaire HTML est composée d'une ouverture <!-- et d'une fermeture -->. Tout ce qui se trouve entre ces deux délimiteurs est considéré comme un commentaire. Voici un exemple simple :
<!-- Ceci est un commentaire -->On les utilise aussi quand on veut temporairement cacher un élement de la page sans forcément le supprimer du code source :
<!-- <p>Ce paragraphe est désactivé et ne s'affichera pas.</p> -->
Syntaxe
Un commentaire HTML commence toujours par <!-- et se termine toujours par -->.
Aucun espace n'est nécessaire entre les délimiteurs, mais il est conseillé d'en ajouter par souci de lisibilité.
Ceci fonctionne par exemple :
<!--Ici-->Nous préférerons utiliser cependant cela :
<!-- Ici -->Les commentaires ne peuvent pas être imbriqués.
Attributs
La balise <!--...--> ne possède pas d’attributs, car elle n’est pas une balise HTML au sens classique, mais une fonctionnalité intégrée au langage.
Compatibilité
L'instruction <!--...--> est compatible avec tous les navigateurs.
| Elément | Google Chrome | Safari | Mozilla Firefox | Edge |
| <!--...--> | Oui | Oui | Oui | Oui |