Aller au contenu

Balise HTML

La balise <!-- ... --> sert à insérer des commentaires dans le HTML. Son contenu est ignoré par les navigateurs et n'est pas affiché sur la page. Cependant, les commentaires sont visibles par quiconque consulte le code source de la page.

Les commentaires HTML permettent de signaler des sections du document ou d'ajouter des notes expliquant le code. La balise de commentaire peut également être utilisée pour exclure temporairement des blocs de code au lieu de les supprimer.

Les commentaires peuvent être utilisés presque partout dans un document. Cependant, les placer à l'intérieur de la balise <title> fera en sorte que les marqueurs de commentaire soient analysés comme du texte littéral et affichés dans l'onglet du navigateur.

Syntaxe

Les commentaires sont écrits entre les symboles <!-- et -->.

Exemple de la balise de commentaire HTML :

Balise HTML

html
<!DOCTYPE html>
<html>
  <head>
    <title>Example of using the comment tag.</title>
  </head>
  <body>
    The content of the page. 
    <!-- This is our comment, that is not displayed on the browser. --> 
  </body>
</html>

Résultat

comment-example

La balise de commentaire peut être utilisée pour « masquer » les scripts des navigateurs ne supportant pas les scripts.

Commentaire JavaScript

html
<script type="text/javascript">
  <!--
  function displayMsg() {
    alert("Comment tag")
  }
  //-->
</script>

Dans l'exemple ci-dessus, les deux barres obliques à la fin de la ligne (//) sont le symbole de commentaire en JavaScript. Cela empêche JavaScript d'interpréter --> comme du code.

Remarque : Les commentaires HTML ne peuvent pas être imbriqués. L'utilisation de <!-- <!-- --> --> brisera la structure du commentaire. Pour les navigateurs modernes, vous pouvez simplement utiliser des commentaires de bloc JavaScript (/* ... */) à l'intérieur de la balise <script> au lieu de cette technique obsolète.

La balise de commentaire ne prend pas en charge les Attributs globaux.

Pratique

Parmi les affirmations suivantes concernant les balises HTML, lesquelles sont correctes selon les informations fournies dans l'URL donnée ?

Trouvez-vous cela utile?

Aperçu dual-run — comparez avec les routes Symfony en production.