在HTML中显示HTML代码段

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

回答：

，没有。在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>

以上是 在HTML中显示HTML代码段 的全部内容， 来源链接： utcz.com/qa/435431.html

回到顶部