HTML <code> tag with HTML in it</code>

Question

我试图用<code></code>包围HTML代码，但它没有做它应该做的事情。它显示的页面就像没有<code>标签......

一样

有没有办法解决这个问题？

看看http://jsfiddle.net/vxtqw33d/

感谢您帮助我找到问题。

Answer 1

没有必要逃避所有字符，只是逃避表示html元素的小于和大于符号（即＆lt; div＆gt;

你实际上甚至不需要做双方，，只要你逃离开头小于（＆lt;）的标志，然后你的全套。

---

转义值为：

< is &lt;
> is &gt;

---

在这种情况下不是必需的，但如果您想要逃避大量代码，那么在线免费实用程序可以帮助您完成此类任务。我在Google上找到的第一个是http://www.freeformatter.com/html-escape.html

每当我需要查找单个字符时，我个人最喜欢的是http://rishida.net/tools/conversion/

Answer 2

您需要通过<和>（代表<和>）转义HTML。

如果您使用的是PHP，这很简单：

<?php
$code = '<strong>Foo</strong> Bar';
?>

<code><?php echo htmlentities($code); ?></code>

但是你可以用每种动态语言（google for Html Encode LanguageName）实现这一点。

如果您使用纯HTML进行，最好的选择是WYSWIG编辑器。