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

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

(精华:code只显示单行编程代码;pre则是显示一大段编程代码,而且会保留原文本中的空格和换行。)

以下看得懂就看,看不懂就记住上面红字就可以!!!

相同:都主要应用于浏览器显示计算机中的源代码;

不同:1、code标签的一个功能是暗示浏览器code标签所包围的文本是计算机源代码,浏览器可以做出自己的 样式处理,pre标签则没有这项功能;

2、pre标签可以保留文本中的空格和换行符,保留文本中的空格和换行符是计算机源代码显示 所必须的样式。

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

code实例:

code实例


document.getELementById("id1");
document.getELementById("id2");
document.getELementById("id3");

document.getELementById(“id4”);

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>

推荐阅读

  1. 织梦(dedecms)调用不到{dede:global.cfg_keywords/}等自定义标签值
  2. 如何设置SuiteCRM通过IP访问?【不通过域名访问SuiteCRM】
  3. WordPress上添加Description(描述)和Keywords(关键词)标签代码
  4. 路由功能防火墙和防火墙功能的路由器有什么区别?
  5. 如何在CENTOS 7上安装Apache Cassandra
  6. ISPconfig修改php.ini位置
  7. php-cgi.exe系统错误[phpstudy]
  8. VScode代码编辑器安装后黑屏

发表评论

电子邮件地址不会被公开。 必填项已用*标注