code标签和pre标签之间的关系

code pre 标签区别

<code>标签和<pre>标签 — 标签

code标签和pre标签之间的关系：code只显示单行编程代码；pre则是显示一大段编程代码，而且会保留原文本中的空格和换行。以下看得懂就看，看不懂就记住上面就可以！！！

相同点：

都主要应用于浏览器显示计算机中的源代码；

不同点：

1、code标签的一个功能是暗示浏览器code标签所包围的文本是计算机源代码，浏览器可以做出自己的样式处理，pre标签则没有这项功能；
2、pre标签可以保留文本中的空格和换行符，保留文本中的空格和换行符是计算机源代码显示所必须的样式。

那么这个时候我们可以想象一下，code标签和pre标签可不可以一块使用呢？答案是可以的，code标签和pre标签是可以嵌套使用的，但是必须注意两者的嵌套顺序（pre包含code）。

<code>标签实例：

<code>标签实例 — <code>标签实例

<code>
 document.getELementById("id1");
 document.getELementById("id2");
 document.getELementById("id3");
</code>
<br/>
document.getELementById("id4");

<pre>标签实例：

<pre>标签实例 — <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>