HTML <pre> 标签

HTML <pre> 标签定义了一个预格式化的文本。预格式化的文本在网页中通常是等宽字体，且在行末不会自动换行。

语法

<pre>
预格式化的文本，
在这里写入任何空格,
tab字符或者换行符，
它们会得到保留。
</pre>

特性

• <pre> 标签内的文本，不会像常规文本那样被浏览器处理和解释，而呈现出其编辑器所显示的格式和样式；
• 文本中的空格、tab字符和换行符，将被保留，不会被忽略或者压缩；
• <pre> 标签内的文本会被等宽字体显示，这使得我们的代码更加易于阅读和比较。

注意事项

• <pre> 标签并不是为代码预留的唯一标签，我们还可以使用 <code> 和 <textarea> 标签来渲染代码区域；
• 如果预格式化的文本段落中存在与 HTML 语法冲突的语句，需要对其进行转义，否则会影响页面布局；
• <pre> 标签被视为非常废弃的标准，它的功能可以被 <code> 和 <textarea> 标签完全替代。

示例

<pre>
function add(x, y) {
    return x + y;
}
console.log(add(1, 2)); // 输出 3
</pre>

结束语

HTML <pre> 标签可以使程序员在网页中以更好的形式展示和分享代码，为了页面结构的彻底分离，建议使用 <code> 和 <textarea> 标签进行预格式化文本的渲染，避免使用废弃标签。