pre標(biāo)簽

1.pre標(biāo)簽的定義:

<pre>標(biāo)簽用來定義預(yù)格式化的文本，被包圍在pre標(biāo)簽中的文本通常會(huì)保留空格和換行符， 而文本也會(huì)呈現(xiàn)出等寬字體。同樣，pre標(biāo)簽的一個(gè)常見的應(yīng)用便是用來保存計(jì)算機(jī)中的源代碼文本。示例如下：

代碼：

<pre> 
   html中pre和code標(biāo)簽,       html中pre和code標(biāo)簽   
   html中pre和code標(biāo)簽, html中pre和code標(biāo)簽    

   html中pre和code標(biāo)簽
</pre>

效果：

pre在瀏覽器中的效果.png

2.pre標(biāo)簽的功能:

pre標(biāo)簽一個(gè)常見的應(yīng)用便是用來保存計(jì)算機(jī)中的源代碼的文本。但是，需要注意的是， 可以導(dǎo)致段落斷開的標(biāo)簽（例如標(biāo)題、<p> 和 <address> 標(biāo)簽）絕不能包含在 <pre> 所定義的塊里。 pre標(biāo)簽允許的文本可以包括物理樣式和基于內(nèi)容的樣式變化，還有鏈接、圖像和水平分隔線。 當(dāng)把其他標(biāo)簽（比如 <a> 標(biāo)簽）放到 <pre> 塊中時(shí)，就像放在 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=&lt;<font     color="blue">a&nbsp;href="dom_loadxmldoc.asp"&gt;loadXMLDoc&lt;/a    &gt;</font>(&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標(biāo)簽.png

code標(biāo)簽

1.code標(biāo)簽的定義:

<code>標(biāo)簽， 用于表示計(jì)算機(jī)源代碼或者其他機(jī)器可以閱讀的文本內(nèi)容。軟件代碼的編寫 者習(xí)慣了編寫代碼時(shí)的代碼格式，那么這個(gè)<code>標(biāo)簽就是為軟件代碼編寫者設(shè)計(jì)的， code標(biāo)簽內(nèi)的文本將用等寬、類似電傳打字機(jī)樣式的字體（Courier）顯示出來。

2.code標(biāo)簽的應(yīng)用:

應(yīng)該是只用在表示計(jì)算機(jī)程序源代碼或者其他機(jī)器可以閱讀的文本內(nèi)容上。<code> 標(biāo)簽的功能有：將文本變成等寬字體；還有一個(gè)功能就是暗示這段文本是源程序代碼。那么根據(jù)第二個(gè)功能，將來瀏覽器可能會(huì)根據(jù)自己的實(shí)際情況添加效果。例如，程序員的瀏覽器可能會(huì)尋找 <code> 片段，并執(zhí)行某 些額外的文本格式化處理，如循環(huán)和條件判斷語句的特殊縮進(jìn)等。

代碼：

<code>
       var a;
       var b=document.getELementById("id1").value;
       var c=document.getELementById("id2").value;
         
       return a+b+c;
</code>

效果：

code使用.png

code和pre之間的關(guān)系

共同點(diǎn)：都主要應(yīng)用于瀏覽器顯示計(jì)算機(jī)中的源代碼。
不同點(diǎn)： code標(biāo)簽的一個(gè)功能是暗示瀏覽器code標(biāo)簽所包圍的文本是計(jì)算機(jī)源代碼，瀏覽器可以做出自己的 樣式處理，pre標(biāo)簽則沒有這項(xiàng)功能，但是pre標(biāo)簽可以保留文本中的空格和換行符，保留文本中的空格和換行符是計(jì)算機(jī)源代碼顯示 所必須的樣式。code標(biāo)簽和pre標(biāo)簽是 可以嵌套使用的，但是必須注意兩者的嵌套順序。