【HTML】「HTML」「CSS」でのコメントの仕方

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

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

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

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




Back

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

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

Back

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

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

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

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

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

コメントの記述例

Back