検索

キーワード


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

  • 公開日:2020-10-13 17:41:03
  • 最終更新日:2020-11-20 00:10:34
【HTML/CSS】コメントアウトについて

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

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

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

コメントアウトとは

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

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

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

・書き方

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


・注意点

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

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

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

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

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

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

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

・書き方

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


・注意点

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

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


【著者】

石井雅人

こんにちは、駆け出しのプログラマーの石井雅人です。 まだまだ未熟者ですが一緒に頑張っていきましょう! 趣味はアニメや声優・それらのライブに行くことです。

よく読まれている記事
【HTML/CSS】divタグの使い方

【HTML/CSS】divタグの使い方

こんにちは。駆け出しプログラマーの松下です!HTMLで頻繁に見かけるdivタグとはどんなものかを紹介します。HTMLを学び始めたばかりという方の参考になれば幸いです!divとはdivタグはそれ自身は特に意味を持っていませんが、構造上必要なひとかたまりを示します。例えば、下記のように文字の色を赤にしたいときに、CSSでとを別々に赤色と指定するのは面倒です。HTMLファイル赤い果物 りんご CSS

【HTML】リンクタグについて

【HTML】リンクタグについて

こんにちは。駆け出しエンジニアの竹前です。ここでは、HTMLのリンクタグについて説明します。HTMLについて勉強している方の参考になれば幸いです。リンクタグとはリンクタグとは、HTMLの閲覧中のページから、別のページに遷移させるときに使うタグ(~タグ)のことをいいます。このタグを使うことによって、文字列や画像にリンクを設定することができます。タグとタグの違いHTMLにはタグというものがあります。タ

【HTML/CSS】リストについて

【HTML/CSS】リストについて

こんにちは。駆け出しプログラマーの松下です!リストを作成するol、ulタグを紹介します。HTMLを学び始めたばかりという方の参考になれば幸いです!リストをつくるHTMLで箇条書きを行うには ol、ul、liタグを使用します。このタグによりただの言葉のあつまりでなく、ひとつのまとまりをもったリストであるということをコンピューターに伝えることができます。ol、ulタグでリストを作成し、その項目にliタ