スタイルシートのコメントの入れ方。
今日の話はスタイルシートのコメントの入れ方の話である。
コメントの特徴
1、スタイルシートが何を意味しているかの説明を入れる。
2、サイト表示上は表示されない（コメントアウトというらしい）ので、基本的にはスタイルシートのカスタマイズなどのときの覚書として使う。
3、ソース上には表示される。
スタイルシートのコメントの記載方法
/* １行コメント */
/* コメント1
コメント2
*/
コメントと*/の間は、半角スペースまたは半角英数字が来るようにする。
*/の前に半角スペースなどが入らないと、次に「半角スペースなど*/」の記載があるまでのスタイルシートの記述をコメントとみなしてしまう。
結果、スタイルシートがコメントとみなされて、サイト上に表示されないというトラブルが起こる。
/***１行コメント***/
/***コメント1
コメント2
***/
↑のような書き方をしても[*]が半角であれば大丈夫。
コメントは入れ子にして使わない
スタイルシートのコメントは入れ子にして使うことはできない。
NG例
/***１つ目のコメント/***2つ目のコメント***/***/
スタイルシートのコメントの使い方
/***要素の文字色 *** /
p{color:#000000;}
のようにスタイルシートの始まりにコメントを入れる。
p{color:#000000;} /***要素の文字色 *** /
div{color:#ffffff;} /*** div要素の文字色 ***/
のように、スタイルシートの横に書くこともできる。
HTMLもコメントを入れることができる
HTMLにも同様にコメントを入れるタグというのが存在する。
HTMLの場合!--/ --、!--/ /--、!-- --を利用する。
コメント