Commentaire HTML

17 Juil 2020 | Tutoriel, Web

Un commentaire en HTML s’adresse aux développeurs et n’est pas affiché par les navigateurs (n’apparaît donc pas sur la page internet). Ils sont mis directement dans le code et permettent d’indiquer ou d’apporter des précisions sur un élément, sur une ou plusieurs lignes.
Ils permettent d’expliquer une partie de code, pour pouvoir comprendre son utilité en cas de travail d’équipe ou de maintenance sur des pages anciennes.

Dans la spécification W3C, un commentaire commence par <!– et se termine par –>

Voici un exemple de commentaire HTML :

commentaire html exemple utilité

Il existe également des particularités aux commentaires en HTML.

Commentaire HTML conditionnel

En insérant du code dans un commentaire conditionnel, le navigateur va pouvoir interpréter ou non le code en question en fonction de la condition.

Il existe deux types de commentaires conditionnels :

– Ceux dont le contenu est ignoré par les navigateurs qui n’interprètent pas l’expression conditionnelle.
– Ceux dont le contenu sera toujours pris en compte.

Commentaire dont le contenu doit être ignoré par les autres navigateurs

<!–[if expression]>
CODE HTML
<![endif]–>

Expressions qui s’exécute uniquement si le navigateur utilisé :

  • [if IE]  est IE (Internet Explorer).
  • [if IE 8] est Internet Explorer en version 8.
  • [if lte IE 8] est Internet Explorer en version inférieur ou égal à 8.
  • [if !IE] n’est PAS Internet Explorer.
  • [if true] accepte les commentaires conditionnels.

Démonstrations :

Code pour Internet Explorer 7 et suivants :

<!–[if gte IE 7]>

    <p>Ce paragraphe s’affiche uniquement pour les navigateurs à partir d’Internet Explorer 7.</p>

<![endif]–>

S’exécute uniquement si le navigateur utilisé accepte les commentaires conditionnels :

<!–[if true]> 

  <p>Ce paragraphe s’affiche si le navigateur reconnaît les commentaires inconditionnels.</p>

<![endif]–>

Pour aller plus loin

Bon audit Ligthouse d'un site optimisé et performant
Oct 13 2021

À quelle vitesse un site doit-il charger en 2021 ?

Voici des conseils pour booster votre site internet. Le chargement rapide est primordial pour l’expérience utilisateur, mais également pour les moteurs de recherche. En...
Développements sur mesure agence web OpenMyDiv
Sep 10 2021

Pourquoi avoir un site Internet est-il si important ?

Un site Internet à une importance capitale pour les entreprises (de toutes les tailles) car donne beaucoup d’avantages marketing que nous allons détailler dans cet...
Création de boutique en ligne OpenMyDiv
Déc 14 2020

5 délicieuses suggestions pour votre site de restaurant

La passion que vous avez pour votre restaurant, son succès et sa notoriété devraient se traduire facilement par la gestion de votre site web. Votre site web fournit une...
Développements d'application et de site sur mesure
Juil 17 2020

Commentaire JavaScript

Un commentaire JavaScript permet aux développeurs de ne pas faire afficher une partie de code. Ainsi, cette partie ne sera pas interprétée par le navigateur. Ils sont...
Optimisation site agence web OpenMyDiv
Juil 09 2020

6 choses à savoir sur WordPress

Voici une infographie concernant les avantages que représente la solution Wordpress (CMS le plus utilisé dans le monde) Référencement naturel (SEO), tarifs, chiffres...
Création site agence web OpenMyDiv prestataire informatique
Avr 18 2020

Comment se faire de l’argent sur internet

Étant un secteur en perpétuelle évolution, Internet nous ouvre les portes vers un nouveau mode de communication. Celui-ci nous converge vers une société de plus en plus...
Documentation utilisateur pour être sur de comprendre
Avr 13 2020

Documentation utilisateur site web

Qu'est-ce qu'une documentation utilisateur ? Une documentation utilisateur, c'est un support qui décrit l'ensemble du fonctionnement d'une solution d'un point de vu...
Création site openmydiv prestataire informatique maintenance
Avr 13 2020

Documentation technique site web

À quoi sert la documentation technique d'un site web ? La documentation technique va permettre d'aborder tous les aspects techniques d'un projet web. Elle va décrire...
Agence Web de création de site Internet Open My Div
Jan 09 2020

Top 20 logiciels et outils Indispensables à la création d’un site internet en 2021

Les outils et logiciels de création de site web sont aujourd’hui tellement nombreux qu’il peut être difficile de choisir la solution la plus adaptée à vos besoins....