小编典典

如何在 HTML 页面上显示原始 HTML 代码

all

如何在网页上显示 HTML 片段而不需要<&lt;>替换每个片段&gt;

换句话说,是否有一个标签用于 在您点击结束标签之前不呈现 HTML


阅读 89

收藏
2022-05-10

共1个答案

小编典典

是否有一个标签用于 在您点击结束标签之前不呈现 HTML?

,没有。在 HTML 中,没有办法转义一些字符:

  • &作为&amp;
  • <作为&lt;

(顺便说一句,没有必要逃避>,但人们经常出于对称的原因这样做。)

当然,您应该将生成的转义 HTML 代码包围在其中,<pre><code>鈥�</code></pre>以 (a) 保留空格和换行符,以及 (b)
将其标记为代码元素。

所有其他解决方案,例如将代码包装到 a<textarea>或(已弃用)<xmp>元素中, 都会中断. 1

向浏览器声明为 XML 的 XHTML(通过 HTTPContent-Type标头!——仅设置 aDOCTYPE不够的 )也可以使用
CDATA 部分:

<![CDATA[Your <code> here]]>

但这仅适用于 XML,而不适用于 HTML,甚至这也不是一个万无一失的解决方案,因为代码不能包含结束分隔符]]>。因此,即使在 XML
中,最简单、最强大的解决方案也是通过转义。


1案例:

textarea {border: none; width: 100%;}


<textarea readonly="readonly">
  <p>Computer <textarea>says</textarea> <span>no.</span>
</textarea>

<xmp>
  Computer <xmp>says</xmp> <span>no.</span>
</xmp>
2022-05-10