Commentaires CSS
Les commentaires CSS ne sont pas affichés dans le navigateur, mais ils peuvent aider à documenter votre code source.
Commentaires CSS
Les commentaires sont utilisés pour expliquer le code et peuvent vous aider lorsque vous modifierez le code source ultérieurement.
Les commentaires sont ignorés par les navigateurs.
Un commentaire CSS est placé à l'intérieur de l' <style>
élément, et commence par /*
et se termine par */
:
Exemple
/* This is a single-line comment */
p
{
color: red;
}
Vous pouvez ajouter des commentaires où vous voulez dans le code :
Exemple
p
{
color: red;
/* Set text color to red */
}
Les commentaires peuvent également s'étendre sur plusieurs lignes :
Exemple
/* This is
a multi-line
comment */
p
{
color: red;
}
Commentaires HTML et CSS
Dans le didacticiel HTML, vous avez appris que vous pouvez ajouter des commentaires à votre source HTML en utilisant la
<!--...-->
syntaxe.
Dans l'exemple suivant, nous utilisons une combinaison de commentaires HTML et CSS :
Exemple
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red; /* Set
text color to red */
}
</style>
</head>
<body>
<h2>My
Heading</h2>
<!-- These paragraphs will be red -->
<p>Hello
World!</p>
<p>This paragraph is styled with CSS.</p>
<p>CSS comments are
not shown in the output.</p>
</body>
</html>