/* */ CSSの コメント

CSSコードでのコメント、/* */

師匠

CSSコードの中 では、/**/ で囲まれた文字列は、 コメント として扱われる。

/*  */
師匠

ま、こんな感じで使うかな。

/*  CSS : コメントの例  */

/* 段落の色を変える */
p {
	color:		red;		/* 赤 */
	background:	yellow;	/* 黄 */
}
師匠

CSSのコード中に、有ろうと無かろうと、実行結果は同じ。

<!-- HTML : 2つの段落 -->

<p>段落1</p>
<p>段落2</p>
/*  CSS : コメント無し  */

p {
	color:		red;	
	background:	yellow;	
}

段落1

段落2

<!-- HTML : 2つの段落 -->

<p>段落1</p>
<p>段落2</p>
/*  CSS : コメントの例  */

/* 段落の色を変える */
p {
	color:		red;		/* 赤 */
	background:	yellow;	/* 黄 */
}

段落1

段落2

師匠

なお、/**/の間やったら、改行してもコメント扱いや。

/* 
	改行しても
	コメント。
*/

CSSのコメントも丸見え

師匠

ただし、HTMLのコメントと同様、 CSSのコメントも丸見えや~!

師匠

そやから、言う必要も無いやろうけど、 ユーザに見せたくない情報は、コメントに書くな!

師匠

実験するで。

師匠

上のコードの実行結果は、ここや。
画面を右クリックして ソースを表示すると、HTMLコード上にCSSのコメントが丸見えになっているのが分かるな。

師匠

上は、「方法2(<style>要素)」やけど「方法3(外部CSSファイル)」でも同じや。 (実行結果
画面を右クリックして ソースを表示すると、CSSファイルへのリンクが表示される。
それをクリックすると、コメントを含めた CSSファイルのコードが読めるな。

師匠

ともかく、「HTMLやCSSのコメントは丸見えや!」ということは、絶対に覚えておけ。

他のサイトの HTMLコードを読んでみよう。

師匠

一般論として、プログラミング技術を習得するには、いろんなコードを たくさん読むことや。
あと、手を動かして書いて試す。

師匠

で、HTMLやCSSは、他のサイトのコードでも読めるわけや。
もちろん、不正とかは全くない。

師匠

よって、気になるサイトがあれば、ソースコードを読んでみることや。
また、知らない要素(タグ)が多いから、ほとんど読めないかもしれんが、これも慣れやからな。

復習

  • CSSコードの中では、/**/ で囲まれた文字列はコメント。
  • ただし、HTMLのコメントと同様、ユーザに読まれる可能性があるので、重要な情報は書かない。