HTML,CSSのコメントの書き方  -コーディングの効率化を極めるテクニック その2- | ーーーーーー

コーディングの効率化を極めるためのテクニック

 

コメントの書き方

 

コードが長く(多く)なってくると、入れ子が重なって読解に時間がかかります。よりスムーズに読みやすくするためにコメントを入れておきましょう!

 

HTML     <!-- (コメント内容) -->

  • <!-- と --> で囲む
  • 改行してもいい ex/ <!------------------コメント--------------------------------------->
  • コメント部分はブラウザに表示されない

 

CSS      /* (コメント内容) */

  • /* */ で囲む
  • */の直前が全角文字だと閉じタグとして認識しないブラウザがあるので、日本語でコメントを入れる場合は半角スペースを入れるか改行する 
  • コメント部分はブラウザには表示されない

 

 

*全てにコメントを入れると分かりにくくなるので、分かり難い箇所や、更新時の注意事項、一時的に内容を外したいときなどにコメントを入れましょう!

 

日々の積み重ねで少しでもコーディングに慣れていくことが、目指すコーダーへの近道になります。

 

頑張っていきましょうーーー