<pre>标记 - 保留间距的 HTML 标记

在 HTML 中，我们经常需要呈现格式化文本或代码。为了确保文本和代码的间距和格式在显示时保持一致，我们可以使用<pre>标记。

什么是 <pre> 标记？

<pre> 是 HTML 的一个标记，用于表示预格式化文本。它保留文本中的空格、换行符和缩进，并在显示时保持文本的原样格式。<pre> 标记通常用于显示代码示例、命令行输出或保留原始文本格式的段落。

如何使用 <pre> 标记？

要在 HTML 中使用 <pre> 标记，只需将要保留格式的文本或代码包在 <pre> 和 </pre> 标记之间即可。示例如下：

<pre>
这是一段
   保留格式的
        文本。
</pre>

上述代码将以原始格式在浏览器中显示文本，包括缩进和空格。此标记还可以与其他 HTML 元素一起使用，以便更好地呈现文本或代码。

示例

下面是一个示例，展示了如何使用 <pre> 标记呈现格式化的代码：

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

greet("John");
</code>
</pre>

上述代码将在浏览器中显示一个保留格式的代码块，其中包含一个简单的 JavaScript 函数。

总结

使用 <pre> 标记可以在 HTML 中保留文本和代码的格式，包括空格、换行符和缩进。这对于显示代码示例和保留原始文本格式非常有用。在适当的情况下，您可以结合其他 HTML 元素一起使用 <pre> 标记以更好地呈现文本或代码。

希望本文能帮助您理解和使用<pre>标记在 HTML 中保留间距的重要性！