HTMLで、コメントが含まれるかたまりを簡単にコメントアウトする方法

  • 34
    いいね
  • 0
    コメント
この記事は最終更新日から1年以上が経過しています。

あるかたまりをいったんコメントアウトしておきたい場合に、かたまりの中にすでにコメントが含まれていると、うまくコメントアウトできず面倒です。

例えば以下のHTMLのhoge全体をコメントアウトしたい場合、

hoge.html
<body>
  <div class="hoge">
    hogehoge
    <!-- comment comment -->
    hogehoge
  </div>
</body>

普通にやると以下のようになってしまい、うまくコメントアウトできません。

hoge-comment-NG.html
<body>
  <!-- 
  <div class="hoge">
    hogehoge
    <!-- comment comment -->
    hogehoge
  </div>
   -->
</body>

そんな時は、styleタグのコメントアウトを利用した

hoge-comment-OK-style.html
<body>
  <style>/*
  <div class="hoge">
    hogehoge
    <!-- comment comment -->
    hogehoge
  </div>
  */</style>
</body>

もしくは、scriptタグを使った

hoge-comment-OK-script.html
<body>
  <script>/*
  <div class="hoge">
    hogehoge
    <!-- comment comment -->
    hogehoge
  </div>
  */</script>
</body>

で、比較的簡単にコメントアウトができます。

参考:
http://stackoverflow.com/questions/12998915/commenting-a-commented-markup-nested-comments