HTMLでコメントアウトをコメントアウトで囲む方法

更新日：2022年7月13日

丁寧に他の人にも分かりやすいコーディングを心掛けている人であれば、閉じのdivタグにコメントアウトをすること多いですよね。
これはこのdivの閉じタグなのだということが一目で分かるので、後々編集もしやすくとても良いことです。

ただ、この部分だけ一時的に非表示にしといてって場面がある時に、その部分を一気にコメントアウトで囲むと、コメントアウトをコメントアウトで囲むことになってしまい、上手く機能してくれません。だからといって、せっかくの閉じのdivタグのコメントアウトを削除するのは勿体ないですよね。
そんな時に良い解決方法があります！

HTMLに以下のように記述します。

divタグの部分はサンプルとして記述しているだけなので無視で構いません。ポイントは
<style>/*
*/</style>
で囲むということです。

HTML内にCSSを記述する際に使うstyleですが、実はこのような使い方も出来るんです。
これに囲むことで、コメントアウト状態になりますので、中にコメントアウトが入っていたとしてもお構いなしで機能してくれます。

たったこれだけで解決。
使ってみて下さい！