Question

我试图在网站上以代码格式而不是实际符号显示html符号代码。我想要<而不是<。我在这里查看了HTML，看来该代码工具使用<code></code>的外部包装在<pre></pre>中包装了一行代码。所有这些都意味着堆栈溢出就在这里。

<With>&lt;Path&gt;\\Prlx1</With>

但是，当我在自己的网站上以相同的方式使用Pre和Code时，将对代码进行处理，并且得到<With><Path>\\Prlx1</With>。显然，我对Pre或Code的定义有问题，但是我不确定我在CSS中寻找什么。

.px_code {
  line-height: 1em;
  font-size: .7em;
  font-family: monospace;
  font-weight: normal;
  background-color: #fff;
  margin-bottom: 0!important;
  white-space: pre-wrap;
  display: inline;
}

.px_ind3 {
  margin-left: 4.5em;
}

.px_cc_n {
  /* Node */
  color: #0000CC;
  display: inline;
}

.px_cc_t {
  /* Text */
  color: #000000;
  display: inline;
}

<code class="px_code px_ind3 px_cc_n">&lt;With&gt;<span class="px_cc_t">&lt;Path&gt;C:\Parallax</span>&lt;/With&gt;</code>

FWIW，我正在网站上提供有关一个PowerShell实用程序的文档，该实用程序将其数据存储为XML，在这种情况下，该工具会修改XML文本文件，因此显示的XML包含符号，因此当该实用程序读取XML的结尾是正确的替换字符串，即<Path>\\Prlx1。样式可以在示例中进行颜色编码，因此看起来像在NotePad ++中一样。

Answer 1

HTML中的

<表示 “ <”。如果要显示“＆lt;”，则需要将其编码为&lt;。您需要对HTML特殊字符进行HTML编码。 &是HTML中的特殊字符，因此您需要将其编码为&才能失去其特殊含义。

Answer 2

也许您可以使用<xmp>，但它也可以转义标签

<xmp>&lt;With&gt;</xmp>
<code class="px_code px_ind3 px_cc_n">&lt;With&gt;<span class="px_cc_t">&lt;Path&gt;C:\Parallax</span>&lt;/With&gt;</code>
<xmp>&lt;With&gt;<span class="px_cc_t">&lt;Path&gt;C:\Parallax</span>&lt;/With&gt;</xmp>

将HTML符号代码显示为代码，而不是符号

2 个答案: