スタイルシート(css)のコメントの挙動(IEとFireFox編)
スタイルシート(css)のコメントの挙動(IEとFireFox編)
※実経験の記憶を頼りに自宅の PC 環境(VMWareなど)で再現している内容もあるのでご注意下さい
2008-10-23
スタイルシートを本格的に使い始めたのが 3 年ほど前。携帯電話向けのコンテンツを作る機会が多かったので、PC 向けの Web サイトの経験が少なかったこともありますが、かなり大きな間違いを続けていました。
それが、スタイルシート(css)のコメントの記述方法です。プログラムのコメントは言語によって共通のものもあれば、独自の定義もあったりします。
Java であれば、//(スラッシュ2本)の 1 行単位のコメントや /* と */ で挟み込むコメントなど複数のコメントが存在します。PHP も Java と同じです。Perl や Shell は #(シャープ)から行末までがコメントになります。
(Perl は =pod と =cut で挟めば複数行コメントが使用可能)
さて、本題に戻って css のコメントですが、結果は /* と */ で挟み込むが正解でした。ずっと #(シャープ)でコメントできると思って勘違いしてましたが、普段は不要な定義は削除してしまうので気付いていなかったようです。
(ソースをバージョン管理してるとコメントしないですよね)
しかし、この #(シャープ)でのコメントですが、手元の FireFox3 では #(シャープ)から行末までの定義が有効になっていないようです。逆に手元の IE7 では #(シャープ)から行末までの定義が有効になっています。
FireFox はコメントではなく、解釈ができなくて無効になっているのだと思いますが、FireFox と IE で動作確認をする時に、今回のような定義のミスなのか、ブラウザの解釈の違いなのか、細かい部分だと見つけにくいですね・・・。
関連記事
上記の記事に関連する記事(最新の10件)です。
