HTML <pre>标签

更新：2025-03-13 13:33:53 来源：整理：藏葵网点击：次

B1赞助位

定义和用法

pre元素可定义预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre>标签的一个常见应用就是用来表示计算机的源代码。

可以导致段落断开的标签（例如标题、<p>和<address>标签）绝不能包含在<pre>所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为在所有浏览器上并不都是一样的。

pre元素中允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。当把其他标签（比如<a>标签）放到<pre>块中时，就像放在HTML/XHTML文档的其他部分中一样即可。请看下面的例子：

<pre>

<html>

<head>

<script type="text/javascript" src="loadxmldoc.js">

</script>

</head>

<body>

<script type="text/javascript">

xmlDoc=loadXMLDoc("books.xml");

document.write("xmlDoc is loaded, ready for use");

</script>

</body>

</html>

</pre>

在上面的代码中，<pre>标签中的特殊符号被转换为符号实体，比如“<”代表“<“，”>”代表“>”。另外，请注意蓝色的代码，我们在<pre>标签中使用了链接，也就是<a>标签。上面这段代码的显示效果如下：

<html>

<head>

<script type="text/javascript" src="loadxmldoc.js">

</script>

</head>

<body>

<script type="text/javascript">

xmlDoc=loadXMLDoc("books.xml");

document.write("xmlDoc is loaded, ready for use");

</script>

</body>

</html>

浏览器支持

所有浏览器都支持<pre>标签。

提示和注释

提示：制表符（tab）在<pre>标签定义的块当中可以起到应有的作用，每个制表符占据8个字符的位置。但是我们不推荐使用它，因为在不同的浏览器中，Tab的实现各不相同。在用<pre>标签格式化的文档段中使用空格，可以确保文本正确的水平位置。

提示：如果您希望使用<pre>标签来定义计算机源代码，比如HTML源代码，请使用符号实体来表示特殊字符，比如“<”代表“<“，”>”代表“>”，”&”代表“&”。

提示：在W3School中，非常多页面中的源代码实例都是通过<pre>标签定义的，您可以参考这些页面，学习如何使用该标签。我们甚至把<pre>标签与<code>标签结合起来使用，以获得更加精确的语义。

HTML与XHTML之间的差异

在HTML4.01中，pre元素的“width”属性是不被赞成使用的。

在XHTML1.0StrictDTD中，pre元素的“width”属性是不被支持的。

可选的属性