如何在html文档中呈现html源代码？

Question

这是我的代码

string="<img src=\"/HTMLFiles\\Help\\Help\\Help_1.gif\" alt=\"Help_1.gif\" width=\"882\" height=\"382\" style=\"vertical-align:middle\" /><img src=\"/HTMLFiles\\Help\\Help\\spikeyIcon.png\" alt=\"Spikey\" width=\"20\" height=\"21\" style=\"padding-right:2px; border:0px solid white; vertical-align:middle;\" />";

但是我尝试过标记<p> <pre><code>，只是

<pre><code>string="<img src=\"/HTMLFiles\\Help\\Help\\Help_1.gif\" alt=\"Help_1.gif\" width=\"882\" height=\"382\" style=\"vertical-align:middle\" /><img src=\"/HTMLFiles\\Help\\Help\\spikeyIcon.png\" alt=\"Spikey\" width=\"20\" height=\"21\" style=\"padding-right:2px; border:0px solid white; vertical-align:middle;\" />";</code></pre>

将代码保存在html文件中，通过Internet Explorer打开html文件。

变成:(两张图片）

如何在HTML页面中呈现我的HTML源代码？

现在怎么样，我认为这个问题现在已经很清楚了。

请给我一些支持，以克服一些负面评分，因为我被禁止了。

Answer 1

假设您正在尝试渲染html源代替所有＆lt;与<和＆gt;与>。

如需进一步阅读，请查看this article。

Answer 2

- 问题编辑后

使用&lt和&gt代替<和>，否则浏览器会将<img...理解为html img元素。

并且无需使用"转义\"，您可以将其保留

Answer 3

这是在您编辑之前（这是一个全新的问题）

类似

HTML

<div id="foobar"></div>

JS

string="<img src=\"/HTMLFiles\\Help\\Help\\Help_1.gif\" alt=\"Help_1.gif\" width=\"882\" height=\"382\" style=\"vertical-align:middle\" /><img src=\"/HTMLFiles\\Help\\Help\\spikeyIcon.png\" alt=\"Spikey\" width=\"20\" height=\"21\" style=\"padding-right:2px; border:0px solid white; vertical-align:middle;\" />";

$("#foobar").html = string;

您可以使用简单的\"替换'，使其更具可读性。