2016-04-17 22 views
0

自分のウェブサイトにコードを表示して、HTMLファイル自体のコードとして使用する代わりに、コードをウェブページ上に表示できるようにしたいと考えています。HTML段落にコードを表示する方法は?

例:

<!DOCTYPE html> 
<html> 
    <body> 
    <p>Hello World</p> 
    </body> 
</html> 

の代わりに:

のHello World

私はその恐ろしく説明知っているが、私は私がから来ている場所を見ることができると確信しています。 HTMLでエスケープできますか?または、HTMLコードをWebページ上のテキストとして表示できるタグがありますか?

+0

可能な重複(http://stackoverflow.com/questions/2820453/display-html-code-in-html) – Persijn

答えて

4

XMPタグ

<!DOCTYPE html> 
 
<html> 
 
    <body> 
 
    <xmp><p>Hello World</p></xmp> 
 
    </body> 
 
</html>

xmpタグは私の知る限りでは、それはまだほとんどのブラウザでサポートされていますが、あなたの走行距離は異なる場合があり、不要とみなされることに注意してください。

あなたが<pre>を使用して、この

<!DOCTYPE html> 
 
<html> 
 
    <body> 
 
     <pre>&lt;p&gt;Hello World&lt;/p&gt;</pre> 
 
    </body> 
 
</html>

+0

は、なぜこれが廃止されました?エスケープするよりもはるかに実用的なようです。 – ItzJavaCraft

+0

tldr:htmlを解析するのが難しくなります... http://stackoverflow.com/questions/8307846/why-was-the-xmp-html-tag-deprecatedを参照してください – Giuseppe

0

あなたがXMPプロパティを使用することができます。 HTMLコードのレンダリング中にブラウザによって免除されるxmp内のもの。

例:[HTMLで表示HTMLコード]の

<xmp><h1>Heading</h1></xmp> 
関連する問題