Esprit's Style

〆 ソースコードをそのままブラウザに表示する３つの方法です

１．エスケイプする

<tag名> ～ </tag名>

タグの"<"を"&lt"として、タグを無効化(エスケイプ)します。
">" は、それの前に"<"がないと無視されるため、
"&gt"としてエスケイプしても、 ">"のままでもどちらを用いてもかまいません。

<???> ソースそのまま <???>

HTML Sample　&lt;> 　File　　Edit　　Tool　　Help <???> ソースをそのまま表示 </???>

２．xmpを用いる

<xmp> ～ </xmp>で囲まれた中のhtmlタグを無視して表示します。

<xmp> <???>ソースそのまま </???> </xmp>

HTML Sample　<xmp> 　File　　Edit　　Tool　　Help <???> ソースをそのまま表示 </???>

３．preを用いる

<pre> ～ </pre>で囲うと、ソースがそのまま表示されます。
囲まれた中のhtmlタグは認識するので、&lt;などを用いる必要があります。

<pre> &lt;div>ソースそのまま &lt;/div> </pre>

HTML Sample　<pre> 　File　　Edit　　Tool　　Help <div> ソースをそのまま表示 </div>

〆 codeを用いて、ソースコードであることを示します

<code> ～ <code>

<pre>で<code>を囲うとそのまま表示させることが可能です。
見る人が、カット＆ペーストできるので親切！！

<pre> <code> class HelloWorldApp{ public static void main(String args[]){ System.out.println("Hello World"); } } </code> </pre>

HTML Sample　<code> 　File　　Edit　　Tool　　Help class HelloWorldApp{ public static void main(String args[]){ System.out.println("Hello World"); } }