Les commentaires HTML

Les commentaires HTML sont utilisés pour écrire des explications, des rappels ou des descriptions supplémentaires dans les sections du code HTML. Ils facilitent le travail avec le code, vous permettent de trouver rapidement les pièces nécessaires et comprennent les intentions du programmeur qui a écrit le code (particulièrement important lorsque plusieurs personnes travaillent à la création d'un site Web).

Les commentaires peuvent également être utilisés pour exclure temporairement un bloc sans le supprimer. Il vous suffit de mettre cette ligne dans la balise de commentaire et le navigateur ne l'affiche pas. Les commentaires dans le navigateur ne sont pas affichés, mais on peut les voir en affichant le code source de la page Web.

Pour définir les commentaires HTML, on utilise le tag <!-- ... -->.

Les commentaires HTML ne fonctionnent pas dans le tag <title>. Ils ne fonctionnent pas aussi dans le tag <style> car le code CSS est commenté autrement.

Syntaxe

Les commentaires sont écrits entre les caractères <!-- et --> .

Le point d'exclamation après le crochet (<!) Indique au navigateur que le texte qui suit n'est pas un code HTML. Le tag dans lequel le commentaire est placé est non standard : la cornière dans le tag d'ouverture et de fermeture est une seule.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Le titre du document.</title>
  </head>
  <body>
    <h1>Le titre principal</h1>
    <!--  <p>Nous voulons cacher cette partie du code temporaire. </p> -->
    <a href="https://www.w3docs.com">Accueil</a>  
    <!--  <p>Lien vers la page d'accueil</p> -->
  </body>
</html>

Résultat

Code temporaire

Dans le navigateur, nos commentaires ne sont pas affichés.

Pratiquez vos connaissances

Comment sont formatés les commentaires en HTML?
Trouvez-vous cela utile?