如何在网页中显示HTML实体或HTML特殊字符的原始代码而非解析后字符

要避免浏览器自动解析HTML实体为对应字符，可使用以下几种常用方案：

• 方案1：实体二次转义
  把需要展示的实体中的&符号预先转义为&，比如要展示&，最终写入页面HTML的代码为&，浏览器解析后就会显示为原始的&而非&字符。
• 方案2：使用代码标签包裹
  用<code>标签包裹需要展示的实体内容，浏览器会默认将标签内的内容识别为纯文本代码，不会做HTML实体解析。如果是多行代码可以搭配<pre>标签使用，同时保留代码的换行、缩进格式。
• 方案3：通过JS动态插入纯文本
  使用DOM的innerText属性写入原始实体内容，innerText会自动将所有内容作为纯文本处理，不会触发HTML解析逻辑，示例代码如下：

  // 选中页面容器后直接写入原始实体即可
  document.querySelector('.code-show-area').innerText = '&'
  

内容的提问来源于stack exchange，提问作者I'm Root James