当前位置: 首页 > 面试题库 >

在HTML中显示HTML代码段

夹谷成仁
2023-03-14
问题内容

如何在网页上显示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>


 类似资料:
  • 我的一个视图返回了一个字符串,如下所示: 我试图用刀片显示它: 但是,输出是原始字符串,而不是呈现的超文本标记语言。如何在Laravel中使用Blade显示超文本标记语言? PS.PHP正确显示HTML。

  • 本文向大家介绍asp.net-mvc 在Razor代码块中显示HTML,包括了asp.net-mvc 在Razor代码块中显示HTML的使用技巧和注意事项,需要的朋友参考一下 示例 在Razor代码块中时,浏览器仅在转义代码时才能识别HTML代码。 使用@:了一行: 使用<text> ... </text>多行: 请注意,Razor在代码块中时将理解HTML标记。因此,text不需要在HTML标签

  • 问题内容: 如何在用户端显示PHP代码。有点像w3School吗? 让我们说一个灰色区域div,然后在其中显示代码而不激活它吗? 问题答案: 您可以在html中使用html实体,它将呈现为<?php 您可以使用htmlspecialchars对代码进行编码以使用html实体。

  • 问题内容: 我正在开发一个Swing应用程序,其中必须显示HTML文件。 我正在为此使用控件。它显示的是HTML文件的内容,但格式与实际HTML文件中的原始格式不同。 不支持该元素。与其加载目标文件,不如显示它。 Swing中是否还有其他内置控件来浏览HTML文件而不是? 我正在使用以下代码: 问题答案: 在核心Java中进行更高级的HTML呈现的最佳选择是使用基于JavaFX的组件,如向Java

  • 问题内容: 我只想在HTML页面中显示刻度(✔)和十字(✘)符号,但它显示为方框或粘稠度–显然与编码有关。 我已将meta标签设置为显示utf-8,但显然我缺少了一些东西。 编辑/解决方案: 通过使用FireBug所做的评论,我发现页面传递的标题实际上是“ Content-Type:text / html”,而不是UTF-8。使用Notepad ++查看文件格式时,显示我的文件格式为“没有BOM的