如何在<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>