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>

滚动至顶部
扫描微信二维码联系我们 关闭