字符如下：

 const str =
    "[{'return_data': 'response', 'return_data_type': 'com.xiaoju.uemc.modules.support.common.Response'}]";
（1）含义
 
均来自w3c
 
pre：可以保留您需要的文本格式，比如不会取消换行和空格，并且所示文本是等宽的
code：将文本变成等宽字体以及提示这段文本是源程序代码
 
（2）显示区别，上面是pre，下面是code
 
无限制时，可以看到是没有任何区别的
 
设置div（宽200px，高200px）包裹时，可以看到pre出现了滚动条，而code出现了换行
 
给div加上 overflow-Y: scroll时，code标签也出现了横向滚动条
 
当字符自带换行时
 
  const str = `[{
  'return_data': 
  'response',
   'return_data_type':
   'com.xiaoju.uemc.modules.support.common.Response'}]`;
可以看到两个都有换行，但pre保留了空格，
 且两个滚动条的高度不同，pre以代码为高度，code以div为高度（截图显示不了，请自行体会）
 
 5. 转义字符
 
  const str = `[{
  'return_data': \n'response',
   'return_data_type':\n'com.xiaoju.uemc.modules.support.common.Response'}]`;
二、使用white-space 进行样式控制
 
 
normal，和上面一样
 
 
nowrap，pre保留空格和换行，不保留文字换行（有滚动条）；code样式清空
 
 
 
pre，code和pre样式一样，保留空格、行尾空格换行，不保留文字换行
 
 
 
pre-wrap，code和pre样式一样，保留空格、行尾空格换行，保留文字换行
 
 
 
pre-lin,，保留换行符，合并空格和制表符，文字换行，行尾空格删除
 
 
 
break-spaces，保留换行符，保留空格和制表符，文字换行，行尾空格保留
 
 
 
换行符
空格和制表符
文字换行
行尾空格
normal
合并
合并
换行
删除
nowrap
合并
合并
不换行
删除
pre
保留
保留
不换行
保留
pre-wrap
保留
保留
换行
挂起
pre-line
保留
合并
换行
删除
break-space
保留
保留
换行
换行
 
参考文章：https://zhuanlan.zhihu.com/p/395448817
                    文章目录一、两个标签区别（1）含义（2）显示区别，上面是pre，下面是code二、使用white-space 进行样式控制一、两个标签区别字符如下： const str =    "[{'return_data': 'response', 'return_data_type': 'com.xiaoju.uemc.modules.support.common.Response'}]";（1）含义均来自w3cpre：可以保留您需要的文本格式，比如不会取消换行和空格，并且所示文本是等宽的cod
				
我们在使用wordpress建立自己的博客时，经常需要对我们的代码进行高亮处理，当然我们可以使用插件来实现，例如以下几款插件：
wordpress代码高亮插件：WP Code Highlight
SyntaxHighlighter Evolved
wp-syntax
当然我们有时候很不喜欢用插件，毕竟插件还是影响了wordpress的性能，那我们就用代码来实现：
在我们主题的functions.php文件添加如下代码：
add_filter( 'the_content', 'pre_content_filter', 0 );
 * 转换pre标签中的html代码
 * 使用't
注：学习笔记基于小甲鱼学习视频，官方论坛：https://fishc.com.cn/forum.php
鱼C课程案例库：https://ilovefishc.com/html5/
html5速查手册：https://man.ilovefishc.com/html5/
css速查手册：https://man.ilovefishc.com/css3/
				
如何在VS Code中快速写HTML？
VS Code是我最近听代码时间podcast才了解到的一个新的编辑器。用完之后发现，这款编辑器还真的很好用！但是当我开始写HTML时候才发现，生成一个标准格式的代码还有点困难。（好吧，其实是我菜鸡，巨硬怎么可能让人一行一行敲代码呢？）
于是，便探寻到了以下方法：
1.在第一行输入！
2.按下tab键
结果如图： 
				
和两个标签都是为了，在浏览器中显示源程序代码。
 标签的功能有：将文本变成等宽字体；还有一个功能就是暗示这段文本是源程序代码，浏览器可以做出自己的 样式处理，pre标签则没有这项功能。
标签可以保留文本中的空格和换行符，保留文本中的空格和换行符是计算机源代码显示 所必须的样式。
所以两者可以嵌套使用的，但是必须注意两者的嵌套顺序。
我们可以看看，加标签，和不加标签在浏览器上显示的不同
用于写单行的代码，如果要写一段段则需要
code元素中的内容（一般认为是html格式的语言）不会作为html语言而被浏
				
前些日子一同事问了我一个关于code标签和pre标签的问题，嗯，是的，这两个标签凑到一块，便出现了问题。于是总结了一下。此文就重点谈一下code标签和pre标签喽，谈谈他们的定义，区别，应用以及这两个家伙凑到一块应该怎么使用。以及当这两个标签嵌套使用时，不同的浏览器对这个嵌套的解析是什么。
一、嵌套顺序
       code标签和pre标签是可以嵌套使用的，需要指出的是，火狐之前某一版本在解析c...