<!-- ... -->

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.