ページ上にhtmlコードを表示するには？ | 福岡でLP・ランディングページ制作専門は、セルピー

HTMLコードをユーザーに表示する場合、そのコードが正しく表示されるようにする方法はいくつかあります。<pre>タグと<code>タグを使用するのはその一例です。

<pre><code>を利用してみる

    
        
        
Hello, World!
    

想定している結果にはならず、タグが表示されない形となってします。

Hello, world

上記と同じ意味合いに。。。。

修正するには、

コードブロック内の <p> タグをエスケープし、< と > に変換するか、または < と > をそのまま使用せずにテキストとして表示させることです。

<!-- ここにHTMLコードを挿入 --><p>Hello, World!</p>

もしくは、文字列として表示する形が必要です。

<pre>
    <code>
        <!-- ここにHTMLコードを挿入 -->
        <p>Hello, World!</p>
    </code>
</pre>