ぱそこん生活感。／メモ

　サンプルとしてHTMLのコードをサイトにのせる際のやり方を考えたいと思います。形としては、枠線で囲んだ中に入れたいのです。
　
　問題はHTMLタグの＜＞です。preタグを使ってもこれはＮＧみたいなので、どうしたらそのまま掲載できるか検討します。要するに（閲覧している人が）コピペできるようにしたいんですけども。。。テキストボックスみたいな形にすれば良いのかな？
　
　ではまず直にソースをのせてみます。↓

　
　どうでしょうか？全然ダメですね。では次に＜pre＞タグを使って見ましょう。

ブログインフォ（ネーム）ぱそこん生活感。ぱそこん生活感。ぱそこん生活感。

　これではどうでしょう。preタグを使っても＜＞部分はやはり欠片も表示されません。
　
ということで文字実体参照を使います。

<div id="tameshi-id">
ブログインフォ（ネーム）ぱそこん生活感。ぱそこん生活感。ぱそこん生活感。<?php bloginfo('name'); ?>
</div>

　やりました。遂にソース表示に成功しました。ちなみに、上は実体参照が入っていますがブラウザ上でコピーしてエディタに貼り付けるとちゃんと＜＞タグで表示されました。これならば見本として掲載しても来訪者の使い勝手を落としませんね。更に言うと、HTMLソースをのぞくとちゃんと実体参照であることがわかります。