CSSコメント
CSSコメントはブラウザに表示されませんが、ソースコードの文書化に役立ちます。
CSSコメント
コメントはコードを説明するために使用され、後日ソースコードを編集するときに役立つ場合があります。
コメントはブラウザによって無視されます。
CSSコメントは<style>
要素内に配置され、次で始まり、次/*
で終わります*/
。
例
/* This is a single-line comment */
p
{
color: red;
}
コード内の好きな場所にコメントを追加できます。
例
p
{
color: red;
/* Set text color to red */
}
コメントは複数行にまたがることもできます。
例
/* This is
a multi-line
comment */
p
{
color: red;
}
HTMLとCSSのコメント
<!--...-->
HTMLチュートリアルから、構文を使用してHTMLソースにコメントを追加できることを学びました
。
次の例では、HTMLコメントとCSSコメントを組み合わせて使用します。
例
<!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>