<pre> 和 <code> 标签都是用来展示代码的，但它们的作用和使用场景有所不同。

<pre> 标签用于显示预格式化的文本，保留所有的空格和换行符，并使用等宽字体显示，通常用于展示代码或计算机输出等格式化文本。使用 <pre> 标签可以使文本格式更清晰、易于阅读和复制，适用于需要精确展示代码结构和格式的情况。

<code> 标签用于标记短的代码片段或变量名等内联代码，通常与其他元素一起使用，例如在 <p> 标签中展示代码。使用 <code> 标签可以使内联代码在页面中更加突出，便于阅读和理解。

因此，两者的使用场景不同，需要根据具体的情况选择合适的标签。一般来说，如果要展示较长的、具有结构的代码，建议使用 <pre> 标签；如果要展示内联的代码片段，可以使用 <code> 标签。