HTML解析问题

Question

如何不让浏览器按照解析HTML的方法来解析字符串形式的HTML，详细情况如下所示。
后台返回给我的HTML,我转义之后在控制台打印出的类似于<p> '<span>' test '</span>' <p>这种格式。
按照需求，p标签被正常渲染， '<span>'应该是被当做一个字符串输出到页面，但是结果span也被渲染了，如何保证span不被渲染呢？
控制台的图片

页面渲染后

Answer 1

使用 HTML Entity，比如 <span> 改为 <span>

Answer 2

使用code标签或者xmp标签

<code>
    <span>test</span>
</code>
<xmp>
    <span>test</span>
</xmp>

Answer 3

用<![CDATA]>
抖个机灵先。

Answer 4

将它变成字符串

Answer 5

"&lt;" 代表 "<"，"&gt;" 代表 ">"，"&amp;" 代表 "&",然后用<pre></pre>标签包裹，连换行都给你原样输出