乐趣区

关于html:html标签code与pre

jiezi

一、嵌套程序

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 标签是 能够嵌套应用的，然而必须留神两者的嵌套程序。

退出移动版