2.3.14 code元素

code元素用来定义计算机程序的源代码或其他机器可以阅读的文本，如计算机程序、或函数名、XML元素名、或文件名等。

由于浏览器会将网页中所有额外的回车和空格进行压缩，并根据窗口的大小自动换行。因此，人们常常使用 pre 元素类包裹 code元素，以便 code元素中的文本能够按预先定义好的格式原样显示。

有时候，希望通过脚本对源代码进行语法高亮显示，也可以使用 class属性来指定源代码所使用的编程语言类型，以便脚本能够使用正确的规则。如：

<pre class="js">
<code>
function fact(x) {
    if(x < 1) {
        return 1;
    } else {
        return x * fact(x - 1);
   }
}
</code>
</pre>

上述代码指定源代码所使用的编程语言为 js，以便脚本使用 js 的语法规则进行高亮显示。运行结果如图 2‑28 所示：

如果源码中包含HTML代码，还应该使用 &lt; 和 &gt; 来替换 '<' 和 '>' 字符，否则，浏览器会将这些代码当做HTML元素进行处理，而不会当做文本进行处理。

在实际应用中，只需替换标签中的 '<' 字符即可，这样的话，就不存在开始标签，浏览器也就不会把它解析为HTML元素。如：

<pre class="html">
<code>
&lt;!DOCTYPE html>
&lt;html>
    &lt;head>
    ...
    &lt;/head>
    &lt;body>
    ...
    &lt;/body>
&lt;/html>
</code>
</pre>

运行结果如图 2‑29 所示：