私はコードを表示するためにテキストエリアを使用しています (はい、それはテキストエリアである必要があり、奇妙な代替手段ではありません)。テキストエリア内には、メタディスクリプションからファビコンリンクまですべてがあります。サイト全体のファビコン リンクを、テキストエリアに表示されているものに変更しています。テキストを表示させ、HTML のレンダリングを停止する方法はありますか?
実際の例は www.pholiooo.com で見つけることができます。これは、私が行ったことの短縮された例です。
<textarea class="code" name="code" rows="10"><html>
<head>
<title>%name%</title>
<meta name="description" content="%bio%">
<link rel="icon" href="%favicon%">
</head>
<body>
<h1>%name%</h1>
<h2>%slogan%</h2>
<a href="http://dribbble.com/%dribbble_username%">See my work</a>
<p>%bio%</p>
</body>
</html></textarea>
jQuery スニペットは完璧です。