HTML <pre> 標(biāo)簽
定義和用法
pre 元素可定義預(yù)格式化的文本。被包圍在 pre 元素中的文本通常會(huì)保留空格和換行符。而文本也會(huì)呈現(xiàn)為等寬字體。
<pre> 標(biāo)簽的一個(gè)常見(jiàn)應(yīng)用就是用來(lái)表示計(jì)算機(jī)的源代碼。
可以導(dǎo)致段落斷開(kāi)的標(biāo)簽（例如標(biāo)題、<p> 和 <address> 標(biāo)簽）絕不能包含在 <pre> 所定義的塊里。盡管有些瀏覽器會(huì)把段落結(jié)束標(biāo)簽解釋為簡(jiǎn)單地?fù)Q行，但是這種行為在所有瀏覽器上并不都是一樣的。
pre 元素中允許的文本可以包括物理樣式和基于內(nèi)容的樣式變化，還有鏈接、圖像和水平分隔線。當(dāng)把其他標(biāo)簽（比如 <a> 標(biāo)簽）放到 <pre> 塊中時(shí)，就像放在 HTML/XHTML 文檔的其他部分中一樣即可。請(qǐng)看下面的例子：
<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> 標(biāo)簽中的特殊符號(hào)被轉(zhuǎn)換為符號(hào)實(shí)體，比如 "<" 代表 "<"，">" 代表 ">"。另外，請(qǐng)注意藍(lán)色的代碼，我們?cè)?<pre> 標(biāo)簽中使用了鏈接，也就是 <a> 標(biāo)簽。上面這段代碼的顯示效果如下：
<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> 標(biāo)簽定義的塊當(dāng)中可以起到應(yīng)有的作用，每個(gè)制表符占據(jù) 8 個(gè)字符的位置。但是我們不推薦使用它，因?yàn)樵诓煌臑g覽器中，Tab 的實(shí)現(xiàn)各不相同。在用 <pre> 標(biāo)簽格式化的文檔段中使用空格，可以確保文本正確的水平位置。
提示：如果您希望使用 <pre> 標(biāo)簽來(lái)定義計(jì)算機(jī)源代碼，比如 HTML 源代碼，請(qǐng)使用符號(hào)實(shí)體來(lái)表示特殊字符，比如 "<" 代表 "<"，">" 代表 ">"，"&" 代表 "&"。
提示：在 W3School 中，非常多頁(yè)面中的源代碼實(shí)例都是通過(guò) <pre> 標(biāo)簽定義的，您可以參考這些頁(yè)面，學(xué)習(xí)如何使用該標(biāo)簽。我們甚至把 <pre> 標(biāo)簽與 <code> 標(biāo)簽結(jié)合起來(lái)使用，以獲得更加精確的語(yǔ)義。
HTML 與 XHTML 之間的差異
在 HTML 4.01 中，pre 元素的 "width" 屬性是不被贊成使用的。
在 XHTML 1.0 Strict DTD 中，pre 元素的 "width" 屬性是不被支持的。
可選的屬性
| 屬性 | 值 | 描述 | DTD |
|---|---|---|---|
| width | number | 定義每行的最大字符數(shù)（通常是 40、80 或 132）。 | TF |
標(biāo)準(zhǔn)屬性
id, class, title, style, dir, lang, xml:lang, xml:space
如需完整的描述，請(qǐng)?jiān)L問(wèn)標(biāo)準(zhǔn)屬性。
事件屬性
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
如需完整的描述，請(qǐng)?jiān)L問(wèn)事件屬性。
TIY 實(shí)例
- 預(yù)格式文本
- 此例演示如何使用pre標(biāo)簽對(duì)空行和空格進(jìn)行控制。
