HTMLのコメントアウトを入れ子にする方法

2022/3/30 2022/10/11

この記事は、HTMLのコメントアウトを入れ子にする方法について書いています。

コメントアウト要素を含んだ親要素を、そのままコメントアウトしようとすると、以下のようになります。

<!-- <div class="container">

  <!-- <p>ここにテキストが入ります。</p> -->
  <p>テキストを差し替えました。</p>

</div> -->

入れ子にしているコメントアウトの後がおかしくなってますね。

それでは、解決方法を紹介します。

HTMLのコメントアウトを入れ子にする方法は以下の2つです。

やり方は同じですが、いちお２パターン載せておきます。

<style>
/*

<div class="container">
    
  <!-- <p>ここにテキストが入ります。</p> -->
  <p>テキストを差し替えました。</p>

</div>
    
*/
</style>

CSSファイルやstyleタグで囲った部分のコメントアウトは「/*」と「*/」で行います。

ですので、上記のように/*〜*/の間がすべてコメントアウトされています。

キーボードの↓この位置です。

「*」はシフトキーを押しながらです。

<script>
/*

<div class="container">
    
  <!-- <p>ここにテキストが入ります。</p> -->
  <p>テキストを差し替えました。</p>

</div>
    
*/
</script>

scriptタグも、styleタグと同じです。

コメントアウトの開始位置「/*」の横に、コメントアウトの説明なども書いておくのもよいですね。

以上、 HTMLのコメントアウトを入れ子にする方法でした。