<pre> 標(biāo)簽可定義預(yù)格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現(xiàn)為等寬字體。
<pre> 標(biāo)簽的一個常見應(yīng)用就是用來表示計(jì)算機(jī)的源代碼。
可以導(dǎo)致段落斷開的標(biāo)簽（例如標(biāo)題、<p>和<address>標(biāo)簽絕不能包含在 <pre> 所定義的塊里。

<pre>int x = 0;
int y = 1;

int z = x + y; 
</pre>

效果：

<code>標(biāo)簽用于表示計(jì)算機(jī)源代碼或者其他機(jī)器可以閱讀的文本內(nèi)容
<code>標(biāo)簽通常只是把文本變成等寬字體，同時(shí)暗示這行代碼是源程序代碼。

<code>一段電腦代碼</code>

效果：<code>一段電腦代碼</code>

兩者之間的關(guān)系：
相同之處：
都主要應(yīng)用于瀏覽器顯示計(jì)算機(jī)中的源代碼
不同之處：
code只顯示單行編程代碼；
pre則是顯示一大段編程代碼，而且會保留原文本中的空格和換行。
code標(biāo)簽的一個功能是暗示瀏覽器code標(biāo)簽所包圍的文本是計(jì)算機(jī)源代碼，瀏覽器可以做出自己的樣式處理，pre標(biāo)簽則沒有這項(xiàng)功能，但是pre標(biāo)簽可以保留文本中的空格和換行符。
code和pre能嵌套使用，但要注意嵌套的順序。如下

<pre>
    <code>
        hello world
    </code>
</pre>

顯示效果：