【pre、code】ホームページでコードを掲載するタグ

2021-05-01

<pre><code>

<code>は、コードを知らせるタグ、computer codeの略。

<pre>は、Preformatted Textの略でテキストを整形済みにしたい場合に使用するタグで空白や改行がそのまま反映されるタグ。

<pre><code>HTMLコード</code></pre>

上記のコードをHTML表記すると下記になる。

エスケープ文字

ソースコード中の特殊文字についてはエスケープが必要。

▶エスケープ文字とはコチラのサイトに詳しく書いています。

▶変換サイトはコチラのサイトが便利です。

※WORDPRESSでは、ビジュアルエディタに貼りつけて、テキストエディタに切り替えると特殊文字が表示される。