HTML <pre> 标签

HTML <pre> 标签用于保留文本的原有格式，包括空格和换行符。这个标签常用于显示计算机源代码或需要保持原始格式的文本。

基础知识

• <pre> 是 "preformatted" 的缩写，意为预先格式化的文本。
• <pre> 标签会将包含在其中的文本保留原有的空格和换行符，并以等宽字体显示，通常用于表示代码或需要保持原始格式的文本块。
• HTML 中的所有标签都是成对出现的。<pre> 标签的开始使用 <pre>，结束使用 </pre>。

语法

<pre>
    这里是需要保留格式的文本
</pre>

示例

下面的代码：

<p>This is a paragraph.</p>
<pre>
    This is preformatted text.
         It preserves spaces and line breaks.
</pre>

将会被渲染为：

This is a paragraph.

This is preformatted text.
     It preserves spaces and line breaks.

注意，预格式化的文本块前后有一个空行。

使用注意事项

• <pre> 标签不应该用于对整个网页进行格式化，因为它会导致可访问性和搜索引擎优化方面的问题。
• 如果需要在网页中显示代码或文本块，请考虑使用 <code> 标签或 CSS 样式来实现更好的效果。