如何渲染X=<；B、 C、D、C、A、B、C>；在HTML中？_Html

如何渲染X=<；B、 C、D、C、A、B、C>；在HTML中？

html

如何渲染X=<；B、 C、D、C、A、B、C>；在HTML中？,html,Html,我在html页面中有以下代码 <!DOCTYPE html> <html> <head> </head> <body> <code> X = <B, C, D, C, A, B, C> and Y = <C, A, D, B, C, B> </code> <pre> X = <B, C, D, C, A, B, C> a

我在html页面中有以下代码

 <!DOCTYPE html>
 <html>
   <head>
   </head>
   <body>
 <code>

  X = <B, C, D, C, A, B, C>
 and Y = <C, A, D, B, C, B>

 </code>
<pre>

   X = <B, C, D, C, A, B, C>
 and Y = <C, A, D, B, C, B>

 </pre>

   </body>

X = <B, C, D, C, A, B, C> and Y = <C, A, D, B, C, B>



X=
和Y=

X=
和Y=

我希望输出为

<pre>
X = &lt;B, C, D, C, A, B, C&gt;
and Y = &lt;C, A, D, B, C, B&gt;
</pre>

X=
和Y=

但我得到的是：

为什么要这样渲染？我缺少什么？

用html实体替换

：


X=B，C，D，C，A，B，C
Y=C，A，D，B，C，B

变成：

X= 和Y=

而不是<>？pre和code标签不应该处理这个问题吗？不，pre和code只处理换行符和空格。 X = <B, C, D, C, A, B, C> and Y = <C, A, D, B, C, B>