スーパーpre

スーパーpreとは？

スーパーpreは、入力した内容をそのまま表示したいときに使う、はてなの記法です。 >|| と ||< だけの行でテキストを囲みます。

• 入力したコードやはてな記法をそのまま表示する（スーパーpre記法） - はてなダイアリーのヘルプ

プログラムやHTMLのソースコードを、そのまま日記に貼りたい場合に役に立ちます。

注意：通常のpreの「|<」と違い、スーパーpreの「||<」は同じ行に文字列が含まれていると認識されません。「||<」は1行に単独で書くようにしましょう。

preとスーパーpreの違い

preとスーパーpreには、以下のような違いがあります。

-	pre (>|)	スーパーpre (>||)
自動リンク(id:***など)	有効	無効
キーワードリンク	有効	無効
見出し・箇条書きなどの記法	有効	無効
URLリンク	有効	無効
HTMLタグ	有効(<>"をそのまま出力)*1	無効(<>"にエスケープ)
文字参照	有効(&をそのまま出力)	無効(&にエスケープ)
改行	preタグ自体の仕様により改行して表示
はてなモジュール	HTMLに展開・置換*2

以下は実際の表示のされかたです。各記号で囲まれたテキストは同一です。

pre (>|)

id:hatenadiary キーワード
はてな
http://www.hatena.ne.jp/
"&"

箇条書き1
箇条書き2

スーパーpre (>||)

id:hatenadiary [[キーワード]]
<a href="http://www.hatena.ne.jp">はてな</a>
http://www.hatena.ne.jp/
"&"
- 箇条書き1
- 箇条書き2

CSSの設定

Windows IEではスペースを使ったインデントが揃わないことがあるようです。CSSに以下のような設定を加えると、インデントが揃いました。

pre {
	font-family: 'ＭＳ ゴシック', monospace;
}

広く確認がとれているわけではありませんが、参考まで。

シンタックス・ハイライト機能

2006年12月15日より、開始シーケンスを「>|(言語種別)|」のように記すことによって(「aa記法」も参照)、さまざまな種類の各種プログラミング言語のシンタックス・ハイライトができるようになった*3。
ftp://ftp.vim.org/pub/vim/runtime/syntax/ を見ると、ファイルタイプとプログラミング言語の対応を知ることができます。