CSSのコメントアウトの書き方と活用方法について
CSSコメントはブラウザには表示されませんが、ソースコードを文書化するのに役立ちます。
CSS コメント
コメントはコードを説明するために使用され、後でソースコードを編集するときに役立ちます。
コメントはブラウザーによって無視されます。
CSSコメントは<style>
要素内に配置され、/*
で始まり*/
で終わります。
コード内の好きな場所にコメントを追加できます。
コメントは複数行にまたがることもできます。
HTMLおよびCSSコメント
HTMLチュートリアルでは、<!--...-->
構文を使用してHTMLソースにコメントを追加できることを学びました。
次の例では、HTMLとCSSのコメントを組み合わせて使用しています。
例
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red; /* 文字の色を赤に設定します */
}
</style>
</head>
<body>
<h2>見出し</h2>
<!-- これらの段落は赤色になります -->
<p>Hello World!</p>
<p>この段落はCSSでスタイル設定されています。</p>
<p>CSS コメントは出力には表示されません。</p>
</body>
</html>
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。