如何在页面上显示HTML实体而非其对应符号？

当然可以实现，核心思路是转义HTML实体本身的特殊字符，让浏览器不解析它，而是直接显示原始实体代码。下面是两种常用方法：

方法1：手动转义实体的&符号 #

HTML实体的核心标识是开头的&，浏览器会把&开头的内容识别为实体进行解析。因此只要把实体中的&转义成&，就能让浏览器完整显示实体代码。

比如要显示<，就需要写成<，放到<pre><code>标签中：

<pre><code>&amp;#60;</code></pre>

这段代码在页面上会直接显示：<，而不是被解析成<。

方法2：使用<textarea>标签实现无解析显示 #

如果需要展示大量实体代码，手动转义太麻烦，可以用<textarea>标签。<textarea>内的所有内容都会以原始文本形式显示，不会被浏览器解析。你可以通过CSS把它样式改成代码窗口的样子：

<textarea readonly style="width: 100%; height: 80px; font-family: monospace; border: 1px solid #ccc; padding: 8px;">
&#60;
&#62;
&amp;
</textarea>

设置readonly可以禁止用户编辑，样式部分可以根据需求调整字体、边框、背景色等参数。

内容的提问来源于stack exchange，提问作者John doe