【CSS】「CSS」でコメントを使う方法

■ はじめに

■ 「CSS」コードでのコメントの仕方
■ 「HTML & CSS」のコメント書式の違い
■ 「HTML」コードでのコメントの仕方

「CSS」のコメント方法は、１種類「/* コメント内容 */」。

「/*」記号で、コメントを開始し、 「*/」記号で、コメントを終了する仕組みになっている。

複数行をまとめて、コメント化することも可能で、
とても使いやすいコメント書式。


コメントの記述方法を工夫することで、色々な使用方法がある。
１行のコメントから数行のブロックコメント、
区切りラインとして使えるコメントラインなど、
コーディング時には、必ず使用するコメント。


Back

「CSS」のコメント方法は、１種類「/* コメント内容 */」。

コメントは、プログラムを記述する中で、目印や説明文を残したいが、
プログラムへ影響をさせたくない文を除外（コメントアウト）する時に使う手法。

「CSS」のコメントは、「/*」と「*/」の間に記述することが決まっていて、
コメントの書き方は、各プログラムによって異なります。

コメントは、色々と利用ができて、かなり便利です。

• コメント
• CSSコードのカテゴリー分け
• エラー検出

コメントの記述例

Back

コメントアウトの方法は、各プログラム言語によって書式が異なる。

プログラム	コメントの書式
HTML	<!--1行コメント --> <!-- 複数行コメント 複数行コメント 複数行コメント -->
CSS	/* 1行コメント */ /* 複数行コメント 複数行コメント */
Javascript	//1行コメント /* 1行コメント */ /* 複数行コメント 複数行コメント 複数行コメント */
PHP	//一行コメント /* 一行コメント */ /* 複数行コメント 複数行コメント 複数行コメント */

Back

「HTML」コードで使えるコメントの方法は、１種類「<!-- コメント内容 -->」。

コメントとは、Webには表示させたくないが、製作上のメモを残したいときなどに利用するもので、 コメントの記述方法で入力をすれば、Webには表示されず、HTMLドキュメントにメモを残すことができる。
製作段階で、区分するラインなどを作成することもできるので、良く利用される。

プログラミング言語ごとにコメントの記述方法は異なるが、 HTMLの場合は、「<!--」と「-->」の間にコメント内容を記述することになっていて、 複数行にわたって囲い込んでもコメントとなる。
長い分での解説もコメントとして隠すことができるので、共同開発などしているときは便利。




Back