简单挂源码

如果你想要在你的网站上展示一段代码，你可以使用 <pre> 标签。这个标签会保持代码的格式，包括缩进和换行。

例如，以下代码：

function greet(name) {console.log("Hello, " + name + "!");
}greet("John");

将在浏览器中显示为：

function greet(name) {console.log("Hello, " + name + "!");
}greet("John");

你还可以使用 <code> 标签来内联显示代码。这个标签不会保留代码的格式。

例如，以下代码：

<code>function greet(name) {console.log("Hello, " + name + "!");
}</code>

将在浏览器中显示为：

function greet(name) {console.log("Hello, " + name + "!");
}

使用 <pre> 标签

使用 <pre> 标签时，有以下几点需要注意：

• 代码必须包含在 <pre> 和 </pre> 标签之间。
• 代码中的缩进和换行将被保留。
• 代码中的 HTML 标记将被转义。

使用 <code> 标签

使用 <code> 标签时，有以下几点需要注意：

• 代码可以内联显示在文本中。
• 代码中的缩进和换行将被忽略。
• 代码中的 HTML 标记将被转义。

示例

以下是一些使用 <pre> 和 <code> 标签的示例：

<pre>
function greet(name) {console.log("Hello, " + name + "!");
}greet("John");
</pre>

这将产生以下输出：

function greet(name) {console.log("Hello, " + name + "!");
}greet("John");

<p>This is a paragraph of text. Within this paragraph, we have some inline <code>code</code>.</p>

这将产生以下输出：

This is a paragraph of text. Within this paragraph, we have some inline code .

结论

<pre> 和 <code> 标签可用于在你的网站上显示代码。 <pre> 标签会保持代码的格式，而 <code> 标签不会。你可以根据你的需要使用这两种标签。