コメントアウトを活用しよう!


このエントリーをはてなブックマークに追加

「コメントアウト」という言葉を聞いたことがあるでしょうか? 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コードを整理するためにも使ってみよう!