HTMLコメントアウトの使い方+意外としらない便利な小技

comment_out

html のコメントアウトは、ブラウザ上には表示したくないけれど、残しておきたいものがある場合や、ちょっとした注釈(コメント)をしたいときに利用します。

html コメントアウトの使い方 

<!– –>で囲むことでコメントアウトすることができます。

<!– と –> の間に 2個以上の連続したハイフンを入れないように注意してください。

サンプルHTML

 表示結果

今回はコメントアウトについて勉強していきましょう。
コメントアウトは文字を非表示にするだけではなく、 htmlタグもコメントアウトすることができます。
複数行コメントアウトすることも可能です。
3行目 

  • HTML文章中のコメントとして
  • 一時的にコンテンツを非表示するために
  • タグを無効化に

利用することができます。

 html コメントアウトの応用例

html文章中にすでにコメントアウトがある場合、全体をコメントアウトできません。

サンプルコード

  表示結果

htmlタグもコメントアウトすることができます。
複数行コメントアウトすることも可能です。
–> 3行目

最初から最後まで、コメントアウトしたいのに途中から表示されてしまいます。このようなときはstyleタグ または scriptタグのコメントアウトを利用しましょう。下のサンプルのように、最初と最後をstyle or scriptタグで囲むと、コメントアウトできます。

サンプルコード

  表示結果
 

何も表示されなくなりました。是非つかってみてください。

今回はhtmlのコメントアウトをまとめてみました。

CTA

副業始めてみませんか。

元ホストのフリーターが月に60万円稼げるようになった、
ネット物販ビジネスとは?

スキル・経験なくても、小資金で始められるネットビジネスが無料で学べます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

CHUYA MIURA

普段は物販系のシステムの開発サポートや、中小規模のネット物販事業を行っている方や企業様向けに業務効率化支援サポートなどしています。システム開発経験 楽天 ヤフオク Amazon ヤフーショッピング BUYMA メルカリ などの作業効率かツールやシステムを開発してきました。個人でも物販をやってみて、物販ビジネスのどの部分が作業的に大変なのかを経験をいかして、現在はディレクションやコンサルティングサービスをしています。 物販関係のシステムを作成したい方にはご好評いただいております。物販システムを開発したい方に向けて、各プラットフォームのツール開発経験のあるプログラマーさんの紹介や、システム仕様書のサポートなどもしていますので、ご興味のあるかたはお気軽にご相談ください。物販経験 ネット物販のシステムを希望されるクライアントさんの気持ちを理解するため、2013年に個人でも物販をはじめました。 ヤフオク Amazon 楽天 などに出品して、月商100-300万になりました。1日に150件近くの出荷も経験し、それらの経験を元に現在サイトを運営しています。このサイトでブログをかいてくれている しんくんに昨年初めに中国仕入れを教えたところ、副業としては十分な結果がでたことを受け、初心者向けに情報を公開しています。ご興味あるかたはこちらへ連絡ください。(ご連絡の際は、ご用件も一緒にご連絡ください。)メール:sales☆fieroj.com(☆をアットマークに変えてください) Chatwork: Chuya-Miura