こんにちは、webエンジニアのtakaです。
今回は、HTMLタグの場合のコードブロックの書き方について記載していきます。
エスケープしないいけないので、どうやって書くか見ていきましょう。
通常のコードブロックの書き方
まずはHTMLではない場合のコードブロックを見ていきましょう。
例えば「$ cd ../」というコマンドをHTMLページ内に記載したい場合は、
<code>$ cd ../</code>
HTMLタグの場合のコードブロックの書き方
では次にHTMLをコードブロックで記載する時を見てみましょう。
例えば以下のようなHTMLをコードブロックで記載したいと思います。
<div>
<p>こんにちは</p>
</div>
先ほどと同じように記載してみます。
この結果が以下になります。
こんにちは
HTMLタグがHTMLタグとして認識されてしまいうまく表示ができません。
これを回避するため、エスケープ文字を利用する必要があります。
<div>
<p>こんにちは</p>
</div>
これでOKです!