Jquery pre和xmp标记中的HTML代码呈现

我试图在

和

标记中显示一些HTML代码，但这段HTML代码实际上呈现的不是代码，而是代码。此外，我还使用Google Prettify来突出显示语法

<pre class="prettyprint code"></pre>

$(".code").html("<xmp>"+data+"</xmp>");
$('.prettyprinted').removeClass('prettyprinted');

prettyPrint();

javascript

<b>HEllo</b>

$（“.code”）.html（“+data+”）；
$（'.prettyprinted'）.removeClass（'prettyprinted'）；
预打印（）；

---

因此，当我试图显示HEllo时，我得到HEllo，你必须使用HTML实体

e、 g

---

显示为HEllo

我解决了此问题。我在css中的某个地方创建了

class=“tag”

，并且似乎google prettify使用了相同的类名（

.tag

）来标记html标记，因此在我将类名更改为另一个名称后，一切都正常。

尝试了这一点，但没有得到可复制的。当扩展到一个真实的示例时，代码可以按预期工作。现在还不清楚为什么要同时使用

pre

和

xmp

，因为它们除了解析之外基本上是相似的：在

xmp

中，除了元素自己的结束标记之外，没有任何标记被识别——这似乎是您想要的。我使用pre是因为google prettify类需要它，和xmp，因为我在互联网上发现它将强制代码不呈现。我对来自其他编程语言的代码没有任何问题，就在我使用HTML时，如果我只放置xmp标记，同样的事情也会发生。当我打开ChromeDeveloperTools时，在html中，我可以看到我的html标记是原始文本，但在浏览器中它们是渲染的，所以？您应该在开发人员工具中看到标记。这是我的问题，请参阅链接。我注意到google prettify一加载就出现了这个问题