這兩個(gè)標(biāo)簽的嵌套順序可以是任意的
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）顯示出來(lái)内斯。 - 應(yīng)用：只用在表示計(jì)算機(jī)程序源代碼或者其他機(jī)器可以閱讀的文本內(nèi)容上
- 作用：
- 將文本變成等寬字體
- 暗示這段文本是源程序代碼
- 示例
<div >
用"code"標(biāo)簽 :<br>
<code>
document.getElementById("id1"); <br>
document.getElementById("id2"); <br>
document.getElementById("id3"); <br>
</code>
不用"code"標(biāo)簽: <br>
document.getElementById("id4");
</div>
執(zhí)行結(jié)果如下：
pre-code.png
pre 標(biāo)簽
- 定義：
<pre>標(biāo)簽用來(lái)定義預(yù)格式化的文本，被包圍在pre標(biāo)簽中的文本通常會(huì)保留空格和換行符像啼， 而文本也會(huì)呈現(xiàn)出等寬字體俘闯。同樣，pre標(biāo)簽的一個(gè)常見的應(yīng)用便是用來(lái)保存計(jì)算機(jī)中的源代碼文本 - pre標(biāo)簽一個(gè)常見的應(yīng)用便是用來(lái)保存計(jì)算機(jī)中的源代碼的文本
注意：可以導(dǎo)致段落斷開的標(biāo)簽（例如標(biāo)題忽冻、<p>和<address>標(biāo)簽）絕不能包含在<pre>所定義的塊里真朗。 pre標(biāo)簽允許的文本可以包括物理樣式和基于內(nèi)容的樣式變化，還有鏈接僧诚、圖像和水平分隔線
code 和 pre比較
相同點(diǎn)：主要應(yīng)用于瀏覽器顯示計(jì)算機(jī)中的源代碼
不同點(diǎn)：
- code標(biāo)簽的一個(gè)功能是暗示瀏覽器code標(biāo)簽所包圍的文本是計(jì)算機(jī)源代碼遮婶，瀏覽器可以做出自己的 樣式處理蝗碎，pre標(biāo)簽則沒(méi)有這項(xiàng)功能
- pre標(biāo)簽可以保留文本中的空格和換行符，保留文本中的空格和換行符是計(jì)算機(jī)源代碼顯示 所必須的樣式
聯(lián)系：<pre>和<code>可以互相嵌套旗扑。如以下代碼所示：
<pre>
<code>
Hello World
</code>
</pre>
<code>
<pre>
Hello World
</pre>
</code>
執(zhí)行效果如下：
code.png
