哪些字符应该在 "pre" 标签中转义？

在编写 HTML 页面时，有些内容我们希望能够按照原始格式进行展示，例如代码、命令行等等。这时我们通常会使用 HTML 中的 "pre" 标签来定义这段内容：

<pre>
  这是一段代码。
  <span>可以包含 HTML 标签。</span>
</pre>

"pre" 标签会保留文本中的空格、换行符等格式，以便正确地显示代码。但是要注意，某些字符在 "pre" 标签中并不会被当做文字进行显示，而是被解析成了 HTML 中的特殊符号，此时需要进行转义。

下面是一些应该在 "pre" 标签中进行转义的字符：

• 小于号 <：用 "<" 来代替。
• 大于号 >：用 ">" 来代替。
• 和符号 &：用 "&" 来代替。
• 引号 "：用 """ 来代替。
• 单引号 '：用 "'" 或 "'" 来代替。
• 注释符号 <!--：用 "<!--" 来代替。

例如，下面这段代码：

<pre>
  function sayHello() {
    console.log("Hello, <World>!");
  }
</pre>

如果不进行转义，会被解析成以下结果：

function sayHello() {
  console.log("Hello, !
}

正确的写法应该是：

<pre>
  function sayHello() {
    console.log("Hello, &lt;World&gt;!");
  }
</pre>

这样就能正确地显示出代码了：

function sayHello() {
  console.log("Hello, <World>!");
}