# HTMLでコメントアウトが入れ子になっているとき，内部のコメントを消さざるを得ない問題

## 困っていること

VSCode には `ctrl + /` で行をコメントアウトする機能があります．

ファイルに書かれている言語を自動で判断して，適切なコメントアウトをしてくれます．

しかし，コメント交じりのHTML文書，たとえば

<select name="hogehoge">
    <!-- とてもかしこそうなコメント -->
    <option value="fuga">fuga</option>
</select>

のようなコードでコメントアウトしようとすると，上手くいきません．

文中にあるコメントアウト終了タグ `-->` のところで切れてしまって，最後までコメントアウトできません．そういう場合は中にあるコメントアウトを消す必要があります．

どのようにすれば中のコメントを消さずに全体をコメントアウトをすることができるでしょうか？

## 調査結果

調べてみたところ，すでに同じことで困っているひとがいました．

> [StackOverFlow「HTML nested comments」](https://stackoverflow.com/questions/18145886/html-nested-comments/18146197#18146197)

これによると，どうやら基本的に不可能なようですが，VSCode の拡張機能でこれを可能にするものがあります．

> [Nested Comments](https://marketplace.visualstudio.com/items?itemName=philsinatra.nested-comments)

この拡張機能をインストールすると，`ctrl + alt + /` コマンドにより，内部のコメントを `<~~` と `~~>` に自動で置き換えることによって入れ子問題を解決してくれます．