用途：

<code>:

• 是一个短语标签，用于表示计算机源代码,code标签内的文本将用等宽、类似电传打字机样式的字体（Courier）显示出来。

• 类似的一些短语标签：

• <em>:呈现被强调的文本
• <strong>：定义重要的文本
• <dfn>:定义一个定义项目
• <samp>:定义样本文本
• <kbd>:定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中
• <var>:定义变量,可以将此标签与 <pre>及<code> 标签配合使用。
  注：短语元素的展示效果随着浏览器的不同,一般来说可视化浏览器应该以斜体显示<em>的文字内容,以粗体显示<strong>的文字内容.语音合成软件则能配合内容改变合成参数,像是音量,音调与速度等等.

代码

<code>
    document.getELementById("id1");
    document.getELementById("id2");
    document.getELementById("id3");
</code>
<br>
document.getELementById("id4");

运行结果

<pre>:

• 用来定义预格式化的文本，被包围在pre标签中的文本通常会保留空格和换行符， 而文本也会呈现出等宽字体。同样，pre标签的一个常见的应用便是用来保存计算机中的源代码文本。
• 注：可以导致段落断开的标签（例如标题<p> 和 <address> 标签）绝不能包含在·<pre> 所定义的块里

代码

<pre>
    &lt;html&gt;
    &lt;head&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;loadxmldoc.js&quot;&gt;
    &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
    xmlDoc=&lt;<font color="blue">a&nbsp;href="dom_loadxmldoc.asp"&gt;loadXMLDoc&lt;/a&gt;</font>(&quot;books.xml&quot;);
    document.write(&quot;xmlDoc is loaded, ready for use&quot;);
    &lt;/script&gt;
    &lt;/body&gt;
    &lt;/html&gt;
</pre>

运行效果

区别与联系：

• 共同点：是应用上类似，都主要应用于浏览器显示计算机中的源代码
• 区别： 两者之间还是有很大不同的，code标签的一个功能是暗示浏览器code标签所包围的文本是计算机源代码，浏览器可以做出自己的 样式处理，pre标签则没有这项功能，但是pre标签可以保留文本中的空格和换行符，保留文本中的空格和换行符是计算机源代码显示 所必须的样式。
• 关联：code标签和pre标签是 可以嵌套使用的。