HTML <pre> 標簽 · W3School HTML 參考手冊

# HTML <pre> 標簽 ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有瀏覽器都支持 <pre> 標簽。 ## 定義和用法 pre 元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。 <pre> 標簽的一個常見應用就是用來表示計算機的源代碼。可以導致段落斷開的標簽（例如標題、[<p>](tag_p.asp "HTML <p> 標簽") 和 [<address> 標簽](tag_address.asp "HTML <address> 標簽")）_絕不能_包含在 <pre> 所定義的塊里。盡管有些瀏覽器會把段落結束標簽解釋為簡單地換行，但是這種行為在所有瀏覽器上并不都是一樣的。 pre 元素中允許的文本可以包括[物理樣式和基于內容的樣式變化](/html/html_style.asp "HTML 教程延伸閱讀：改變文本的外觀和含義")，還有[鏈接](/tags/tag_a.asp "HTML <a> 標簽")、[圖像](/tags/tag_img.asp "HTML <img> 標簽")和[水平分隔線](/tags/tag_hr.asp "HTML <hr> 標簽")。當把其他標簽（比如 <a> 標簽）放到 <pre> 塊中時，就像放在 HTML/XHTML 文檔的其他部分中一樣即可。請看下面的例子： ``` <pre> <html> <head> <script type="text/javascript" src="loadxmldoc.js"> </script> </head> <body> <script type="text/javascript"> xmlDoc=<a href="dom_loadxmldoc.asp">loadXMLDoc</a>("books.xml"); document.write("xmlDoc is loaded, ready for use"); </script> </body> </html> </pre> ``` 在上面的代碼中，<pre> 標簽中的特殊符號被轉換為[符號實體](/html/html_entities.asp "HTML 字符實體")，比如 "<" 代表 "<"，">" 代表 ">"。另外，請注意藍色的代碼，我們在 <pre> 標簽中使用了鏈接，也就是 <a> 標簽。上面這段代碼的顯示效果如下： ``` <html> <head> <script type="text/javascript" src="loadxmldoc.js"> </script> </head> <body> <script type="text/javascript"> xmlDoc=[loadXMLDoc](/xmldom/dom_loadxmldoc.asp)("books.xml"); document.write("xmlDoc is loaded, ready for use"); </script> </body> </html> ``` ## 提示和注釋提示：制表符（tab）在 <pre> 標簽定義的塊當中可以起到應有的作用，每個制表符占據 8 個字符的位置。但是我們不推薦使用它，因為在不同的瀏覽器中，Tab 的實現各不相同。在用 <pre> 標簽格式化的文檔段中使用空格，可以確保文本正確的水平位置。提示：如果您希望使用 <pre> 標簽來定義計算機源代碼，比如 HTML 源代碼，請使用[符號實體](/html/html_entities.asp "HTML 字符實體")來表示特殊字符，比如 "<" 代表 "<"，">" 代表 ">"，"&" 代表 "&"。提示：在 W3School 中，非常多頁面中的源代碼實例都是通過 <pre> 標簽定義的，您可以參考這些頁面，學習如何使用該標簽。我們甚至把 <pre> 標簽與 [<code> 標簽](/tags/tag_code.asp "HTML <code> 標簽")結合起來使用，以獲得更加精確的語義。 ## HTML 與 XHTML 之間的差異在 HTML 4.01 中，pre 元素的 "width" 屬性是不被贊成使用的。在 XHTML 1.0 Strict DTD 中，pre 元素的 "width" 屬性是不被支持的。 ## 可選的屬性 | 屬性 | 值 | 描述 | | --- | --- | --- | | width | number | 定義每行的最大字符數（通常是 40、80 或 132）。 | ## 全局屬性 <pre> 標簽支持 [HTML 中的全局屬性](/tags/html_ref_standardattributes.asp)。 ## 事件屬性 <pre> 標簽支持 [HTML 中的事件屬性](/tags/html_ref_eventattributes.asp)。 ## TIY 實例 [預格式文本](/tiy/t.asp?f=html_preformattedtext "預格式文本") 此例演示如何使用pre標簽對空行和空格進行控制。 ``` <html> <body> <pre> 這是預格式文本。它保留了空格和換行。 </pre> <p>pre 標簽很適合顯示計算機代碼：</p> <pre> for i = 1 to 10 print i next i </pre> </body> </html> ```