コメントアウトを活用しよう!
- 2013年12月14日
- 未分類
「コメントアウト」という言葉を聞いたことがあるでしょうか? Markupを使って頂いている方はご存知だと思います。
コメントアウトとは?
HTMLやCSSといったコードを整理するときに使う機能です。
どちらにも書き方があり、その書かれたコード内はページでは表示されない作りになっています。
HTMLでは、「<!ーー」でスタートして「ーー>」で終わります。また、CSSでは「/*」でスタートし、「*/」で終わります。
開始と終了の間に記述される文字列は、Webブラウザ上に表示される事は一切ありません。
※Webページのソースコードを見ることで、コメントは表示されていることが確認できます。
HTMLの場合:
<div id="wrapper"> <!--コメントアウトの書き方はこうです。--> <header><span id="logo">logo</span></header> <nav><span class="navigation">ナビゲーション</span></nav> </div>
CSSの場合:
/*ページ全体の設定*/ .wrapper { background: #fff; color: #000; width: 100%; } /*--------------------------------------- ロゴの設定 ---------------------------------------*/ #logo { width: 100px; height: 20px; }
まめちゃんのまとめ
- HTMLやCSSコードを整理するためにも使ってみよう!