请说说 `<pre>` 和 `<code>` 标签的区别？

在前端开发中，`<pre展示代码或其他预格式化的文本，但它们之间有一些重要的区别。以下是对这两个标签区别的详细解释：

1. 定义和用途：

   • <pre> 标签定义预格式化的文本。被包围在 <pre> 元素中的文本通常会保留空格和换行符，并且文本会呈现为等宽字体。这个标签经常用于在网页中显示计算机源代码，因为它可以保留源代码的格式。
     内容。这个标签内的文本也会显示为等宽字体，但它更侧重于表示文本是源代码的语义。

2. 样式和格式化：

   • 当使用 <pre> 标签时，文本会保留原始的空格、换行和制表符，这使得它非常适合展示格式化的文本块，如代码段。
     添加等宽字体的样式，通常用于内联显示单行代码或短语。

3. 语义化：
   代码，这有助于浏览器和其他工具（如搜索引擎或屏幕阅读器）更好地理解内容。

   • 相比之下，<pre> 标签只是简单地保留文本的格式，而不提供关于内容类型的额外信息。

4. 嵌套使用：

   • 这两个标签可以嵌套使用，以结合它们的优点。保留代码的格式并传达其语义。
     标签内部，这样可以确保代码块既具有预格式化的外观，又带有表示源代码的语义标记。

角色。<pre> 主要用于展示预格式化的文本块（如多行代码），字体显示（如单行代码或代码片段）。这两个标签可以单独使用，也可以结合使用，以实现更丰富的文本展示效果。