ウェブサイトにソースコードを書く方法

この記事は私の備忘録。
皆さまにもお役に立つので、公開しておきます。

一般のお仕事をなさっている方ではあまり必要ないかも知れませんが、ウェブサイトにソースコードを表示させたい時があります。
普通に描くと、ソースコードですから、そのまま表示されません。

例えば
<a href="http://www.e-koryu.net" target="_blank">厚木のウェブ勉強会はアツスタ</a>
これを普通にソースコードで書くと
厚木のウェブ勉強会はアツスタってなるのです。

そんな時に使うのが、pre要素とcode要素なのですが、ワードプレスの設定によってうまくいかない場合があります。

そんな時に役に立つのが
こちらのサイト。http://www.akiyan.com/htmlspecialchars
表示させたいソースコードを入力して変換を押すと、画面表示用のテキストに変換してくれます。

先ほどの
<a href="http://www.e-koryu.net" target="_blank">厚木のウェブ勉強会はアツスタ</a>
こちらも、このサイトで変換したものです。

[ad#jikai]
タイトルとURLをコピーしました