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

Question

我正在使用 <code> <pre> 内的标签在我的博主博客上显示代码的标签。不幸的是，它不适用于 HTML 标签。有没有办法在 <div> 中显示“<pre> ”或 <code>标记而不实际将其解释为 HTML？这就是我现在所做的:

<pre>
 <code>
 .class {        
   color:red;
 }
 // I would like HTML code inside this
 </code>
</pre>

除 HTML 外，它对所有内容都有效。知道如何实现这一目标吗？谢谢。

Answer 1

Unfortunately it doesn't work with HTML tags.

<code>表示“这是代码”，<pre>表示“此标记中的空白很重要”。两者都不意味着“不应将此元素的内容视为 HTML”，因此两者都可以完美地工作，即使它们并不代表您想要的意思。

Is there any way to show "<div>" inside of <pre> or <code> tag without actually interpreting it as HTML?

如果你想渲染一个<字符然后使用 < , 与 >对于 >和 &对于 & .

您不能(在现代 HTML 中)编写标记并将其解释为文本。