一尘不染

在HTML中显示HTML代码段

html

如何在网页上显示HTML代码段,而无需<&lt;>替换&gt;

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


阅读 1813

收藏
2020-05-10

共1个答案

一尘不染

,没有。在HTML适当的版本中,必须逃脱一些字符:

  • &&amp;
  • <&lt;

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

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

所有其他解决方案,例如将代码包装到<textarea>或(不推荐使用)<xmp>元素中, 都将中断 。1个

向浏览器声明为XML的XHTML(通过HTTP Content-Type标头!-仅设置a DOCTYPE不够的
)可以替代地使用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>
2020-05-10