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の複数行のコメントアウトを入れ子にすることはできません。 コメントアウトしたい場合は、 入れ子にせずに並列にコメントアウトするのも一つの方法です。

HTML・CSS入門