html - 如何在 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 源代码，请将所有 <<和 >替换为>。

如需进一步阅读，请查看这篇文章。

Answer 2

--问题编辑后--

使用&ltand&gt代替<and >，否则<img...被浏览器理解为 htmlimg元素。

无需逃避"，\"你可以离开它

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;

你可以\"用一个简单的替换'使它更具可读性。