コメントはコードを説明するために使用され、後でソース コードを編集するときに役立つ場合があります。
ブラウザはコメントを無視します。
<style> 要素内の CSS コメント。/* で始まり */ で終わります。
/* これは 1 行のコメントです */
p {
color: red;
}
コード内のどこにでもコメントを追加できます。
p {
color: red; /* テキストを赤に設定します */
}
コメントは複数行にまたがることができます:
/* これは
複数行
コメント */
p {
color: red;
}
HTML チュートリアルでは、<!--...--> 構文を使用して HTML ソース コードにコメントを追加できることを学びました。
以下の例では、HTML と CSS コメントを組み合わせて使用しています。
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red; /* テキストの色を赤に設定します */
}
</style>
</head>
<body>
<h2>My Heading</h2>
<!-- これらの段落は赤色になります -->
<p>Hello World!</p>
<p>このテキストは CSS によってスタイル設定されています。 </p>
<p>CSS コメントは出力に表示されません。 </p>
</body>
</html>