"PRE"标签在（X）HTML中的用途是什么？

Question

在（X）HTML中，“PRE”标签有什么用途？

- Joemon

Answer 1

这是为了展示数据/代码/艺术而设计的，你希望所有空格和换行符都按原样显示，并希望列对齐。这样你就可以做像这样的事情：

+-----+------------------+--------+------------+
| id  | session_key      | length | expires    |
+-----+------------------+--------+------------+
| 263 | SNoCeBJsZkUegA7F |  86400 | 1257401198 |
| 264 | UoVm3SZRmPHnac4V |  86400 | 1257405561 |
| 262 | bjkIOWBhI1qxcrWr |  86400 | 1257401189 |
+-----+------------------+--------+------------+

如果没有"pre"或"code"等标签，它看起来像这样：

+-----+------------------+--------+------------+
| id  | session_key      | length | expires    |
+-----+------------------+--------+------------+
| 263 | SNoCeBJsZkUegA7F |  86400 | 1257401198 |
| 264 | UoVm3SZRmPHnac4V |  86400 | 1257405561 |
| 262 | bjkIOWBhI1qxcrWr |  86400 | 1257401189 |
+-----+------------------+--------+------------+

- JasonWoof

Answer 2

该元素用于演示预格式化文本，其中换行符是相关的。例如 ASCII 艺术；-) 或程序代码。对于程序代码而言，建议使用 CODE 元素。

- naivists

---

在这种情况下，通常会同时使用以下两种方式：<pre><code> helloWorld() </code></pre>。 - nickf

事实上，这正是Stack Overflow所做的。像inline ones like this这样的内容使用<code>标签，而代码块则使用<pre><code>标签。 - nickf

Answer 3

PRE元素表示一个字符单元格文本块，适用于已经格式化为等宽字体的文本。

PRE标签可以与可选的WIDTH属性一起使用。WIDTH属性指定一行中的最大字符数，并允许HTML用户代理选择合适的字体和缩进。

来自W3C的超文本标记语言-2.0规范

- codaddict

Answer 4

你是否曾经浏览过Code Project网站上发布的一篇文章？如果你还没有看过，可以点击这里http://www.codeproject.com/KB/game/Hangman_game.aspx。该文章中的黄色区域或者折叠和展开代码片段的部分都是预先标记好的。这可以帮助保存数据以原本的方式呈现而不会变形。

- wonde