コメントでメモを残そう

コードを書いていると、「ここ何のためだっけ？」と後で自分でも忘れてしまうことがあります。そんなときのために、HTMLには画面に出ないメモを書く仕組みがあります。それがコメントです。

書いてみよう

<!-- ここからじこしょうかいエリア -->
<p>おえかきがすきな、しまちゃんです。</p>
<!-- ここまで -->

このページをブラウザで開いても、見えるのは「おえかきがすきな、しまちゃんです。」だけ。<!-- --> で囲んだ部分は画面に出ません。でもコードを開けばちゃんと残っている——これがコメントです。

どんなときに使う？

コメントの出番は、たとえばこんなとき。

3つめの「お休みさせる」は便利です。

<!-- <p>じゅんびちゅうのメッセージ</p> -->

タグごと <!-- --> で囲むと、消さずに非表示にできます。あとで囲みを外せば、また表示されます。

このレッスンのまとめ

1. コメントは <!-- と --> ではさむ
2. ブラウザには表示されない、コードの中のメモ
3. 目印にしたり、タグを一時的にお休みさせたりできる

コメントは、未来の自分への手紙。ていねいに残しておくと、あとで自分がいちばん助かります。