Commentaires HTML
Vous savez déjà écrire des titres et des paragraphes que le visiteur voit. Parfois vous avez besoin d’une note pour vous ou votre équipe qui ne doit pas apparaître sur la page. Les commentaires HTML résolvent cela. Cette leçon montre la syntaxe du commentaire et quand l’utiliser avec prudence.
Qu’est-ce qu’un commentaire HTML ?
Un commentaire HTML est un texte entouré de <!-- et -->. Le navigateur l’analyse comme un commentaire et ne l’affiche pas comme contenu visible de la page. Les commentaires servent pour de courts rappels, des libellés de section dans la source, ou pour désactiver temporairement un morceau de markup pendant les tests.
Réponse directe
Écrivez un commentaire ainsi : <!-- votre note ici -->. Tout ce qui se trouve entre le <!-- d’ouverture et le --> de fermeture reste dans le fichier source mais n’est pas rendu comme texte, titre ou paragraphe normal pour les visiteurs. Ouvrez View Source ou DevTools si vous devez confirmer que le commentaire est encore dans le fichier.
Un commentaire simple
html<!-- Cette note est réservée aux développeurs -->
<p>Ce paragraphe est visible sur la page.</p>Lire l’exemple
- La première ligne est un commentaire — les visiteurs ne voient pas cette phrase sur la page
- Le paragraphe en dessous est du contenu visible normal
- Les deux lignes restent dans le fichier HTML à l’enregistrement
Commentaires multi-lignes et masquage temporaire
Les commentaires peuvent s’étendre sur plus d’une ligne. Un usage courant pour débutants est d’envelopper un bloc que vous voulez désactiver temporairement, au lieu de le supprimer. Plus tard vous pouvez retirer les marqueurs de commentaire pour ramener le markup. Gardez les blocs temporaires courts pour que le fichier reste lisible.
Mettre un bloc en commentaire
html<h1>Titre visible</h1>
<!--
<p>Ce paragraphe est masqué pendant les tests.</p>
<p>Celui-ci aussi.</p>
-->
<p>Ce paragraphe s’affiche encore.</p>Les commentaires ne sont pas de la sécurité
N’importe qui peut ouvrir View Source et lire vos commentaires. Ne mettez pas de mots de passe, clés privées ou jetons d’API secrets dans des commentaires HTML. Les commentaires sont pour des notes de développement, pas pour cacher des données sensibles.
Essayez vous-même
- Ouvrez votre fichier d’exercice HTML
- Ajoutez un court commentaire au-dessus d’un paragraphe expliquant son rôle
- Enveloppez un paragraphe dans un commentaire multi-lignes pour le masquer temporairement
- Enregistrez et ouvrez la page — confirmez que seul le contenu non commenté est visible
- Utilisez View Source (ou l’éditeur) pour confirmer que le texte du commentaire est encore dans le fichier
Erreurs fréquentes
- Oublier le
-->de fermeture de sorte que le contenu suivant disparaît ou casse - Mettre des mots de passe ou des secrets dans les commentaires
- Laisser d’énormes blocs commentés longtemps dans des pages de production
- S’attendre à ce que les commentaires cachent le contenu de View Source (ce n’est pas le cas)
- Utiliser des commentaires à la place de vrais titres ou paragraphes pour le texte visiteur
Résumé
- Les commentaires HTML utilisent
<!--et--> - Le texte du commentaire n’est pas affiché comme contenu visible de page
- Utilisez les commentaires pour des notes, des indices de section ou un court masquage temporaire
- Les commentaires multi-lignes peuvent envelopper un petit bloc pendant les tests
- Les commentaires sont visibles dans la source — n’y stockez jamais de secrets
- Préférez un markup vivant et clair pour le texte que les visiteurs doivent lire
🧠 Testez Vos Connaissances
Testez Vos Connaissances
Mettez-vous au défi avec ce quiz interactif et voyez à quel point vous comprenez le sujet
📝 Instructions
- Lisez chaque question attentivement
- Sélectionnez la meilleure réponse pour chaque question
- Vous pouvez refaire le quiz autant de fois que vous le souhaitez
- Votre progression sera affichée en haut