我在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/
发布于 2012-09-27 22:10:22
pre元素不会阻止浏览器呈现内部元素。http://www.htmlcodetutorial.com/linepar/_PRE.html
通过将<更改为<并将>更改为>,您将使其正确呈现。有关示例,请查看http://jsfiddle.net/jTYQk/1/。
或
您还可以将代码包装在<xmp></xmp>中。在http://jsfiddle.net/jTYQk/2/上可以看到它。
但是,不建议这样做,因为xmp已被标记为已过时。请参阅https://developer.mozilla.org/en-US/docs/Web/HTML/Element/xmp
https://stackoverflow.com/questions/12619782
复制相似问题