如何在<code> / <pre>标记中按字面显示<div>标记？

Question

我在<code>标签内使用标签<pre>在我的博客博客上显示代码。不幸的是，它不适用于HTML标签。有没有办法在实际上不将其解释为HTML的情况下<div>在其内部<pre>或<code>标记中显示“ ” ？我现在正在做的是：<pre> <code> .class {           color:red; } // I would like HTML code inside this </code></pre>对于HTML以外的所有内容都可以正常工作。任何想法如何实现这一目标？谢谢。

Answer 1

您可以使用“ xmp”元素。在<xmp></xmp>年初以来一直在HTML中，为所有浏览器都支持。即使不应该使用它，它也得到广泛支持。

内部的所有<xmp></xmp>内容均按原样使用（在那里没有识别标记lke标签或字符引用），但出于明显的原因，元素本身的结束标签除外。

否则，“ xmp”呈现为“ pre”。

Answer 2

似乎只读的textarea几乎可以满足您的要求。

<textarea readonly> <!-- html code --> </textarea>