网页“Google-code-prettify”中代码片段的语法突出显示，不适用于ASPX和HTML代码

>我将以下行放在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/

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

相关内容

最新更新

热门标签：