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 回答