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

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

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

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

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

サンプルHTML

 表示結果

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

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

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

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

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

サンプルコード

  表示結果

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

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

サンプルコード

  表示結果
 

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

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

CTA

副業始めてみませんか。

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

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

コメントを残す

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

ABOUTこの記事をかいた人

中居 慎也

2013年3月 ・物販を始める

5月 ・プロに教わるも赤字で二ヶ月でやめてしまう​

8月 ・自分で物販をやるが五ヶ月間赤字が続く​

12月 ・試行錯誤を繰り返し、10万円を稼げるようになる​

2014年1月 ・物販の生徒さん第一号ができる​

2月 ・生徒さん第一号の稼ぎはプラマイゼロ​ (生徒さん第一号は、現在毎月25万円ほど稼いでいる)

6月 ・15万円を稼げるようになる​  

7月 ・生徒さんが五人に増える​  
 
12月 ・20万円を稼げるようになる​

2015年1月 ・レベルを高めるため、物販の会社に就職​
   
12月 ・スキルを身に付け退社し、再び物販に力を入れる​

2016年10月 ・純利益66万円を稼ぐ

2017年10月 ・純利益74万円を稼ぐ