将 HTML 代码显示为纯文本 [重复]答案

【问题标题】：Display HTML code to plain text [duplicate]将 HTML 代码显示为纯文本 [重复]
【发布时间】：2017-10-31 15:28:53
【问题描述】：

在将 HTML 代码作为纯文本包含在我的页面上时，我需要帮助。你能告诉我如何将代码放在我的页面上<section> 和</section> 标记之间的最佳方式吗？

类似这样的：

提前致谢！

所以我想像 w3schools 在他们的页面上发布这个 HTML 示例一样放置 HTML 代码，所有标签和标签都是彩色的。

【问题讨论】：

【解决方案1】：

$(selector).text( ... )

使用text()函数将值设置为TextNode，会导致html无法在页面上渲染。

【讨论】：

【解决方案2】：

或许有了这个标签你就可以做到

<code><h1>Mi header</h1></code>

【讨论】：

【解决方案3】：

您可以使用<pre></pre>

例如：

这是我的代码

【讨论】：