HTMLのコメントアウトで複数行を入れ子にするとどうなる?
HTMLで複数行に渡ってコメントアウトしている部分に、 さらにコメントアウトして入れ子するとどうなるか試してみます。
HTMLでコメントアウトしたい場合は、
「<!-- -->」で囲みます。
コメントアウトの手法は単一行でも複数行でも同じです。
次のサンプルコードでは、複数行のHTMLコードを
コメントアウトしています。
<!-- <p>サンプルテキスト1</p> <p>サンプルテキスト2</p> <p>サンプルテキスト3</p> <p>サンプルテキスト4</p> -->
では次にコメントアウトを入れ子にしてみます。 真ん中の2行をさらにコメントアウトすると、 コードは次のようになります。
<!-- <p>サンプルテキスト1</p> <!-- <p>サンプルテキスト2</p> <p>サンプルテキスト3</p> --> <p>サンプルテキスト4</p> -->
このコードをブラウザで表示してみた結果です(画像)。
下のコードの赤字の部分がコメントと見なされ、 最後の行「<p>サンプルテキスト4</p>」は 通常のHTMLコードとして表示されていて、 さらに「-->」も表示されています。
<!--
<p>サンプルテキスト1</p>
<!--
<p>サンプルテキスト2</p>
<p>サンプルテキスト3</p>
-->
<p>サンプルテキスト4</p>
-->
このようにHTMLの複数行のコメントアウトを入れ子にすることはできません。 コメントアウトしたい場合は、 入れ子にせずに並列にコメントアウトするのも一つの方法です。