1

私はhtmlのヘッダーに次の行を入れます

<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" type="text/css" />
<script src="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.js" type="text/javascript"></script>

そしてhtmlで、いくつかのhtmlコードを強調したい:

<body onload="prettyPrint()">
    <pre class="prettyprint lang-html">

           <input type="button" value="HELLO"/>

</pre>
</body>

しかし、私はHTMLコードを強調することができません:現在のコピーはこちら: http://jsfiddle.net/jTYQk/

4

1 に答える 1

1

pre 要素は、ブラウザが内部要素をレンダリングするのを止めません。http://www.htmlcodetutorial.com/linepar/_PRE.html

<&lt;と > をに変更する&gt;と、正しくレンダリングされます。例については、http://jsfiddle.net/jTYQk/1/を確認してください。

また

コードを でラップすることもできます <xmp></xmp>。http://jsfiddle.net/jTYQk/2/で参照してください。

ただし、xmp は廃止されているため、これはお勧めできません。https://developer.mozilla.org/en-US/docs/Web/HTML/Element/xmpを参照してください

于 2012-09-27T14:10:22.103 に答える