一、嵌套程序

code标签和pre标签是能够嵌套应用的，须要指出的是，火狐之前某一版本在解析code标签和pre标签的嵌套时，程序不当会呈现浏览器将DOM构造解析谬误的问题呢。这仅仅是火狐本人的问题啦，而且最新版本曾经可能正确解析进去啦。正确解析指的是可能将DOM构造正确解析进去哟。总而言之，当初这两个标签的嵌套程序能够是任意的哦。不会呈现DOM构造解析谬误的景象啦。

当咱们写如下的代码时：
<pre>    <code>        hello world    </code></pre>

二、对于pre标签和code标签在HTML5下的省略规定

最新的HTML5标准定义了能够省略完结标签的标签，如<p></p>标签能够写成<p>标签，将完结标签省略掉。pre标签和code标签也是和p标签一样呢，是能够省略完结标签呢，在HTML5规范下像上面这样也是正确的呢。解析进去的和下面的解析后果是一样的哦。

<pre>    <code>          hello world

火狐和IE9以及Chrome都能正确解析呢。这里倡议大家读一读HTML5规范下标签的省略标准喽：也就是下面两个写法都是正确的。

然而须要留神一点的是，IE9下默认规范的标准是上面这个图。

而火狐和Chrome下默认的规范是上面这个图。

总而言之，都是正确的啦。DOM构造都是一样的喽。当然空格有可能会被当做节点呢。

三、code标签和pre标签的定义

code标签：

1、code标签的定义: <code>标签， 用于示意计算机源代码或者其余机器能够浏览的文本内容。软件代码的编写 者习惯了编写代码时的代码格局，那么这个<code>标签就是为软件代码编写者设计的， code标签内的文本将用等宽、相似电传打字机款式的字体（Courier）显示进去。

2、code标签的利用，应该是只用在示意计算机程序源代码或者其余机器能够浏览的文本内容上。<code> 标签的性能有：将文本变成等宽字体；还有一个性能就是暗示这段文本是源程序代码。那么依据第二个性能，未来浏览器可能会依据本人的理论状况增加成果。例如，程序员的浏览器可能会寻找 <code> 片段，并执行某 些额定的文本格式化解决，如循环和条件判断语句的非凡缩进等。

3、code标签的示例，咱们能够看看上面不加code标签的文本片段和加上code标签的文本片段之间的格局上的区别。须要留神的是，这里只是演示了code标签的第一个性能，至于暗示浏览器这段代码时源程序的性能，须要在具体的浏览器上能力显示。

如下代码在浏览器端的显示成果为：
<code>     document.getELementById("id1");     document.getELementById("id2");     document.getELementById("id3"); </code> <br> document.getELementById("id4");

pre标签：

1、pre标签的定义，<pre>标签用来定义预格式化的文本，被突围在pre标签中的文本通常会保留空格和换行符， 而文本也会呈现出等宽字体。同样，pre标签的一个常见的利用便是用来保留计算机中的源代码文本。

2、pre标签的性能，pre标签一个常见的利用便是用来保留计算机中的源代码的文本。然而，须要留神的是， 能够导致段落断开的标签（例如题目、<p> 和 <address> 标签）绝不能蕴含在 <pre> 所定义的块里。 pre标签容许的文本能够包含物理款式和基于内容的款式变动，还有链接、图像和程度分隔线。 当把其余标签（比方 <a> 标签）放到
<pre> 块中时，就像放在 HTML/XHTML 文档的其余局部中一样即可。

3、pre标签的示例：上面的代码(html中的源代码)

<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>
在浏览器中显示成果为：

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

通过定义咱们能够晓得code标签和pre标签之间的关系
两者的共同点是利用上相似，都次要利用于浏览器显示计算机中的源代码。 然而两者之间还是有很大不同的。

  • code标签的一个性能是暗示浏览器code标签所突围的文本是计算机源代码，浏览器能够做出本人的款式解决
  • pre标签则没有这项性能，然而pre标签能够保留文本中的空格和换行符，保留文本中的空格和换行符是计算机源代码显示所必须的款式。

那么这个时候咱们能够设想一下，code标签和pre标签可不可以一块应用呢？答案是能够的，code标签和pre标签是 能够嵌套应用的，然而必须留神两者的嵌套程序。