T-file

一歩踏み出す勇気を全力で応援するブログ

HTMLタグの場合のコードブロックの書き方【エスケープ文字】

こんにちは、webエンジニアのtakaです。

今回は、HTMLタグの場合のコードブロックの書き方について記載していきます。
エスケープしないいけないので、どうやって書くか見ていきましょう。

通常のコードブロックの書き方

まずはHTMLではない場合のコードブロックを見ていきましょう。

例えば「$ cd ../」というコマンドをHTMLページ内に記載したい場合は、

<code>$ cd ../</code>

HTMLタグの場合のコードブロックの書き方

では次にHTMLをコードブロックで記載する時を見てみましょう。

例えば以下のようなHTMLをコードブロックで記載したいと思います。

<div>
<p>こんにちは</p>
</div>

先ほどと同じように記載してみます。

この結果が以下になります。

こんにちは

HTMLタグがHTMLタグとして認識されてしまいうまく表示ができません。

これを回避するため、エスケープ文字を利用する必要があります。

<div>
 <p>こんにちは</p>
</div>

これでOKです!