pre標(biāo)簽
定義
pre 元素可定義預(yù)格式化的文本丑搔。被包圍在 pre 元素中的文本通常會(huì)保留空格和換行符划鸽。而文本也會(huì)呈現(xiàn)為等寬字體芋酌。
作用和用法
- < pre> 標(biāo)簽的一個(gè)常見應(yīng)用就是用來表示計(jì)算機(jī)的源代碼。
- 可以導(dǎo)致段落斷開的標(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 文檔的其他部分中一樣即可省古。示例如下:
上面這段代碼的顯示效果如下:
<html>
<head>
</head>
<body>
</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)簽來定義計(jì)算機(jī)源代碼炒事,比如 HTML 源代碼,請(qǐng)使用符號(hào)實(shí)體來表示特殊字符蔫慧,比如
"<"
代表 "<"挠乳,">"
代表 ">","&"
代表 "&"姑躲。
HTML 與 XHTML 之間的差異
在 HTML 4.01 中睡扬,pre 元素的 "width" 屬性是不被贊成使用的。
在 XHTML 1.0 Strict DTD 中黍析,pre 元素的 "width" 屬性是不被支持的 卖怜。
code標(biāo)簽
定義
< code> 標(biāo)簽用于表示計(jì)算機(jī)源代碼或者其他機(jī)器可以閱讀的文本內(nèi)容。
作用和用法
- 軟件代碼的編寫者已經(jīng)習(xí)慣了編寫源代碼時(shí)文本表示的特殊樣式阐枣。< code> 標(biāo)簽就是為他們?cè)O(shè)計(jì)的马靠。包含在該標(biāo)簽內(nèi)的文本將用等寬、類似電傳打字機(jī)樣式的字體(Courier)顯示出來蔼两。
- 只應(yīng)該在表示計(jì)算機(jī)程序源代碼或者其他機(jī)器可以閱讀的文本內(nèi)容上使用 < code> 標(biāo)簽甩鳄。雖然 < code> 標(biāo)簽通常只是把文本變成等寬字體,但它暗示著這段文本是源程序代碼额划。將來的瀏覽器有可能會(huì)加入其他顯示效果妙啃。例如魁巩,程序員的瀏覽器可能會(huì)尋找 < code> 片段,并執(zhí)行某些額外的文本格式化處理火架,如循環(huán)和條件判斷語句的特殊縮進(jìn)等纽竣。示例如下:
顯示效果如下:
hello world
提示和注釋
提示:如果只是希望使用等寬字體的效果,請(qǐng)使用 <tt> 储笑√鹑郏或者,如果想要在嚴(yán)格限制為等寬字體格式的文本中顯示編程代碼突倍,請(qǐng)使用 < pre>
pre和code的區(qū)別
code只顯示單行編程代碼腔稀;pre則是顯示一大段編程代碼,而且會(huì)保留原文本中的空格和換行羽历。