コメントアウトで見やすくしよう!

記載が少ないうちはコメントアウトしなくてもわかるのですが、長くなってきたり、時間が経ってしまったりするとカオス状態で自分で見てもわけわからないって事に。

なので最初から各項目にコメントアウトしておくと良いですよ!
コメントタグをテキストの前後につけることでテキストが通常ブラウザで非表示となります。

因みに “——” や “++++” などもテキストなので、文章になっていなくてもいいので、区切り線などにも使用出来ます。

良く使う、CSS、HTML(HTML5もXHTMLも同じらしい)、PHPのコメントアウトだけ一覧にしておきます。

CSSのコメントの場合

1行だけなら頭に “//” をつけて書く

//コメントSAMPLE

頭に “/*”  終わりに “*/” で閉じる。
複数行になっても大丈夫です。

/*
複数行のコメント
コメントSAMPLE
コメントSAMPLE
コメントSAMPLE
*/

こんな風に区切り線にも使えます。

/* =================コメント================== */

HTMLのコメントの場合

頭に “” をつけて、終わりに “” で閉じる。
(HTML5もXHTMLも同じらしい)

<!-- コメントSAMPLE -->

複数行になっても大丈夫です!

<!-- コメントSAMPLE
SAMPLE SAMPLE-->

PHPのコメントの場合

三つの方法があります。

その1
1行だけならCSSと同じく、頭に “//” をつけて書く。
WordPress の場合は、こんな感じに 頭に “<?php # ”、終わりに “ ?>” で閉じて使用します。

<?php //コメントSAMPLE ?>

“//” もテキストのひとつなのでお尻に付けてもいい。

<?php //コメントSAMPLE// ?>

その2
1行だけなら頭に “#” をつけて書く方法でもOK!
WordPress の場合は、こんな感じに 頭に “<?php # ”、終わりに “ ?>” で閉じて使用します。

<?php #コメントSAMPLE ?>

その3
CSSと同じ、頭に “/*”  終わりに “*/” で閉じる。
WordPress の場合は、こんな感じに 頭に “<?php # ”、終わりに “ ?>” で閉じて使用します。

<?php /* コメントSAMPLE */ ?>

“*” もテキストのひとつなので、お尻にもうひとつ装飾で付けても大丈夫。

<?php /* コメントSAMPLE **/ ?>

複数行になっても大丈夫です。

<?php /*
複数行のコメント
コメントSAMPLE
コメントSAMPLE
コメントSAMPLE
*/ ?>