【HTML/CSS】コメントアウトについて

こんにちは。駆け出しプログラマーの石井です。

こちらではコメントアウトについて説明します。

勉強するうえでの参考になれば幸いです。

コメントアウトとは

コメント（コメントアウト）とは、プログラミングなどでコードを読み返すときに内容をわかりやすくするための覚え書きです。コメントで囲まれた部分はプログラムではないとみなされ、コンピューター上で実行・反映されない部分となります。

 たとえば、長いコードを書くときや複数人でコードを書くときに、コメントアウトで注意事項が書かれていれば、コードを探す手間が省けます。またプログラムの一部をコメントアウトすることによって、その動作をとばすことができるので、開発中にコードの確認を行いたい時にも使われます。

HTMLのコメントアウトの書き方・注意点

・書き方

<!–- ここにコメント –->

・注意点

1.コメントの中で-という記号を使用しない

環境によっては、-が連続で記載されることを、コメント行の終了と認識してしまうこともあります。

2.コメントタグを記載した後、全角入力にする

コメントの内部では、全角日本語の入力を行うことが多いと思います。

コメントタグ自体も＜！－－という全角日本語入力した後、変換をして<!--に変換することができます。

しかし、変換し忘れて<！－－という全角日本語のまま遺してしまうと、HTML上に記載されてしまいます。

CSSのコメントアウトの書き方・注意点

・書き方

/* この中に書かれたものがコメントになります。 */

・注意点

1.閉じタグの前には半角英数字もしくはスペース

ブラウザによっては*/の直前が全角になっていると閉じタグとして認識しないことがあります。