実践コーディングスキル - 第1章 Lesson3

第3回:コメントアウトでわかりやすいhtmlを書いてみよう

   

テクノロジーとクリエイティブのプロを目指す人のためのオンラインスクール
月額2500円で500以上のレッスンが受けられます

このスキルのデータをダウンロード: Windows Mac

htmlコメントアウトを記述して、だれでも読みやすく、見やすいhtmlになるように工夫する方法を解説しています。



この動画で学べること

・コメントアウトする方法



わかりやすいコメントアウトを書こう

前回記述したHTMLにコメントを書いて、わかりやすくしましょう。
閉じタグは</div>が多くなるので、あとから見た時にどのタグの閉じタグなのかがわからなくなってしまうことがあるので、コメントアウトする習慣をつけましょう。

コメントアウトの書き方は、このようなものでした。
<!-- コメントをここに書きます。 -->
では、この書き方で作成しているHTMLファイルにも記述していきましょう。
ヘッダー部分に次のように書いてみます。




<!--  ヘッダーここから  -->
<header></header>
<!-- ヘッダーここまで -->




コメントアウトをコピーして、たの部分にも貼り付け、書き換えていってください。
全てのタグにコメントアウトを書けたら、今回は完成です。