作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我将以下行放入 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>
但我无法使用 hightline 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
关于javascript - 网页中代码片段的语法突出显示 “google-code-prettify” 不适用于 aspx 和 html 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12619782/
我是一名优秀的程序员,十分优秀!