当ブログ管理人からのお知らせ

当ブログのリニューアルが完了しました。

なお、個別記事内にて細かいデザインが崩れている場合がありますので、ご了承のほどお願いいたします。

詳しくは、以下のお知らせ記事をお読みください。

当ブログのリニューアルに伴うメンテナンスの作業完了のお知らせ

当ブログ内の記事を探す

最近の投稿

カテゴリー

アーカイブ

RSS

プロフィール

プロフィール用画像

みきてぃ東西線

みきてぃ東西線

20代のブロガーです。IT・インターネット関連や生活関連、趣味の1つである観賞魚などの記事を書いています。

≫詳しいプロフィールを見る

≫お問い合わせはこちら

HTML・CSS

HTML/CSSでコメントアウトを書く方法

アイキャッチ画像
みきてぃ東西線

HTMLやCSSのファイル内に、作業時にメモや備忘録などを書くことがありますが、そのまま書くとサイト上にメモや備忘録、ソースコードが丸見えになってしまいます。

口コミ用キャラクターアイコン

じゃあ、どうやったらコメントアウトすることができるの?

プロフィール用アイコン
みきてぃ東西線

以下のように書けば、ブラウザ上では非表示になるよ。

HTML

1<!--ここにコメントを書きます。-->

CSS

1/*ここにコメントを書きます。*/

この記事では「HTML/CSSにおける、コメントアウトの方法」について、初心者でも分かりやすく解説していきます。

HTMLにおけるコメントアウトの書き方

HTMLにおけるコメントアウトは、以下のよう書きます。

1<!--ここにコメントを書きます。-->
注意点

文字と文字との間に連続したハイフンを入れたり、コメントアウト内にコメントアウトを入れたりすると、コメントアウトが途切れてしまいます。

CSSソース、およびstyleタグに囲まれている部分では、HTMLコメントアウトが使えません。

サンプルコード

1<p>コメントアウトに囲まれた部分では、テキストが非表示になります。</p>
2<!--ここにテキストが入ります。-->

ブラウザでは、以下のように表示されます。

HTML コメントアウトの書き方

CSSにおけるコメントアウトの書き方

CSSにおけるコメントアウトは、以下のよう書きます。

1/*ここにコメントを書きます。*/

HTMLソース内でも、styleタグに囲まれた部分ではCSSのコメントアウトを使います。

コメントアウトを使用する部分

  • HTMLやCSSのメモとして使う
  • 一時的にタグやプロパティを無効化する時に使う

まとめ

というわけで、今回は「HTML/CSSにおける、コメントアウトの方法」について解説しました。

コメントアウトは、HTMLやCSSにおいて、メモやソースコードの一時的な無効化時に使うことが多いタグです。

ただし、あんまりコメントアウトが多くなると、逆にどのソースコードなのか分からなくなるので、HTMLやCSSにコメントアウトを入れる場合は、なるべく「短く、分かりやすい」内容で、かつ必要最小限にとどめた方がベターです。

この記事を書いた人

プロフィール用画像

みきてぃ東西線

みきてぃ東西線

20代のブロガーです。IT・インターネット関連や生活関連、趣味の1つである観賞魚などの記事を書いています。

≫詳しいプロフィールを見る

≫お問い合わせはこちら

当ブログ管理人からのお知らせ

当ブログのリニューアルが完了しました。

なお、個別記事内にて細かいデザインが崩れている場合がありますので、ご了承のほどお願いいたします。

詳しくは、以下のお知らせ記事をお読みください。

当ブログのリニューアルに伴うメンテナンスの作業完了のお知らせ

スポンサーリンク
記事URLをコピーしました