參考手冊

HTML <pre> 標籤

瀏覽器支援

IE Firefox Chrome Safari Opera

所有瀏覽器都支援 <pre> 標籤。

定義和用法

pre 元素可定義預格式化的文字。被包圍在 pre 元素中的文字通常會保留空格和換行符。而文字也會呈現為等寬字型。

<pre> 標籤的一個常見應用就是用來表示計算機的原始碼。

可以導致段落斷開的標籤（例如標題、<p> 和 <address> 標籤）絕不能包含在 <pre> 所定義的塊里。儘管有些瀏覽器會把段落結束標籤解釋為簡單地換行，但是這種行為在所有瀏覽器上並不都是一樣的。

pre 元素中允許的文字可以包括物理樣式和基於內容的樣式變化，還有鏈接、影像和水平分隔線。當把其他標籤（比如 <a> 標籤）放到 <pre> 塊中時，就像放在 HTML/XHTML 文件的其他部分中一樣即可。請看下面的例子：

<pre>
&lt;html&gt;
&lt;head&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;loadxmldoc.js&quot;&gt;
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;script type=&quot;text/javascript&quot;&gt;
    xmlDoc=<a href="dom_loadxmldoc.php">loadXMLDoc</a>(&quot;books.xml&quot;);
    document.write(&quot;xmlDoc is loaded, ready for use&quot;);
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>

在上面的程式碼中，<pre> 標籤中的特殊符號被轉換為符號實體，比如 "&lt;" 代表 "<"，"&gt;" 代表 ">"。另外，請注意藍色的程式碼，我們在 <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>

提示和註釋

提示：製表符（tab）在 <pre> 標籤定義的塊當中可以起到應有的作用，每個製表符佔據 8 個字元的位置。但是我們不推薦使用它，因為在不同的瀏覽器中，Tab 的實現各不相同。在用 <pre> 標籤格式化的文件段中使用空格，可以確保文字正確的水平位置。

提示：如果您希望使用 <pre> 標籤來定義計算機原始碼，比如 HTML 原始碼，請使用符號實體來表示特殊字元，比如 "&lt;" 代表 "<"，"&gt;" 代表 ">"，"&amp;" 代表 "&"。

提示：在 W3School 中，非常多頁面中的原始碼實例都是通過 <pre> 標籤定義的，您可以參考這些頁面，學習如何使用該標籤。我們甚至把 <pre> 標籤與 <code> 標籤結合起來使用，以獲得更加精確的語義。

HTML 與 XHTML 之間的差異

在 HTML 4.01 中，pre 元素的 "width" 屬性是不被贊成使用的。

在 XHTML 1.0 Strict DTD 中，pre 元素的 "width" 屬性是不被支援的。

可選的屬性

屬性 值 描述
width number 定義每行的最大字元數（通常是 40、80 或 132）。

全域性屬性

<pre> 標籤支援 HTML 中的全域性屬性。

事件屬性

<pre> 標籤支援 HTML 中的事件屬性。

TIY 實例

預格式文字
此例演示如何使用pre標籤對空行和空格進行控制。