如何实现HTML代码原样字符串输出，不编译？

最新推荐文章于 2022-06-01 15:55:23 发布
最新推荐文章于 2022-06-01 15:55:23 发布
阅读量1.4k 收藏 2
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_41747081/article/details/102564899
版权

html中在这里插入图片描述
这一段代码会被编译成：
在这里插入图片描述
那么如何实现HTML代码原样字符串输出，不编译呢？
只需要在html标签外层加上标签就可以了。
在这里插入图片描述
输出结果：
在这里插入图片描述

zhener09
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【JS】防止HTML代码块编译
weixin_42575720的博客
06-07 354
在很多时候，需要在页面上显示源码的时候，尤其是HTML，避免经过浏览器的编译时，可以使用下面的方法。我在网上也查阅了一些其他的使用方法，或者或者等等较为简单的方法，但是似乎都没有效果，下面这个方法是我实现有效的办法。 ** 但是有时候，在写项目的时候，如果要在页面展示代码数据可能避免不了要从数据库存储数据的时候，可能在这期间，代码中含有一些引号等等一些特殊字符，可能会在传递过程中与本身的代码起冲突，这时候不仅要把这些当成字符串处理，还.........
html特殊符号原样显示
php-yyds
03-16 260
<xmp>********</xmp> 在网页上显示html代码标记<xmp></xmp>有时我们会将html代码显示在网页上,直接写会有问题, 如果我们将要显示的html代码放在<xmp></xmp>中就可以实现 ......
怎么让html中 还是显示<button> 而不进行编译
weixin_30502965的博客
01-24 612
toTXT(str) { var RexStr = /\<|\>|\"|\'|\&|　| /g str = str.replace(RexStr, function(MatchStr) { switch(MatchStr) { case "<": ...
HTML代码在页面上源码显示不编译
gardenia的博客
06-01 643
找了好久的办法， 这些办法都试过，好像没太大用处。可能你们还会遇到的一个问题：数据库存不进去代码，代码中可能会包含一些引号或者其他字符串，有一种办法可以尝试，先编码，存到数据库里面，然后取出来的时候再解码，再用上面我说的到页面上需要源码显示的办法（如果是输入框就不需要用到以上办法，div或者p标签这种可能就需要用到）PS：如果错误，请多指教~
让代码不运行的快捷键html5,使用 vscode 实现写代码双手不用离开键盘
weixin_30471013的博客
06-07 979
一、shell code 操作首先从 vscode 中安装 code 命令：打开命令面板(shift+command+P)输入 shell code 会展示下图中的选项：选择 在 PATH 中 安装 “code” 命令 ，就可以在命令行中使用 code 命令了，可以使用 code -h 查看可选命令下面介绍几个常用的命令：code . 从新的 window 中打开当前目录；也可以配合 -r 命令在...
cpp代码-对输入英文字母原样输出
07-14
最后，使用`std::cout`将输入的字符串原样输出。 在压缩包文件中，`main.cpp`应该是包含了上述或类似逻辑的源代码文件，而`README.txt`可能是一个说明文件，解释了项目的目的、如何编译运行代码，或者提供了其他...
浅谈ES6 模板字符串的具体使用方法
08-28
2. 多行字符串：模板字符串可以包含多行字符串，所有的空格、换行符和缩进都会原样输出在生成的字符串中。 ``` `In JavaScript this is not legal.` ``` 3. 字符串中嵌入变量：可以在模板字符串中嵌入变量，变量的值...
PHP的单引号和双引号 字符串效率
12-18
在上述例子中，`$double_quotes_var`会正确地将变量 `$var` 的值插入到字符串中，而`$single_quotes_var`则会原样输出变量名 `$var`，因为它被单引号包围。 当我们查看这些语句生成的opcode时，我们可以发现它们的...
java代码-列出所有字符串中大小写的组合
07-16
以下是一个简单的Java代码实现： ```java public class Main { public static void main(String[] args) { String input = "abc"; List<String> combinations = generateCombinations(input); for (String ...
html不需要编译就可以直接运行,JavaSE XML操作，javasexml操作
weixin_39804059的博客
06-15 497
JavaSE XML操作，javasexml操作XML操作HTML与XML区别Html：超文本标记语言，属于解析型语言，不需要编译就可以运行，浏览器可以直接解析，一个网页从服务器到浏览器就是通过发送Html文件格式，采用标签来存储数据，作用是用来展示数据，不区分大小写XML：可扩展性标记语言，用于存储数据，XML文件格式非常有利于计算机之间的数据传送，区分大小写，由开始标签和结束标签构成，有且只有...
HTML不编译成标签，直接生成字符串解决办法
qq_37465264的博客
04-11 3566
function ToHtmlString(htmlStr) {   return toTXT(htmlStr).replace(/\&amp;lt\;br[\&amp;ensp\;|\&amp;emsp\;]*[\/]?\&amp;gt\;|\r\n|\n/g, "&lt;br/&gt;");}function toTXT(str) {   var RexStr = /\&lt;|\&gt;|\...
如何使HTML标签原样显示出来
haoa193的专栏
04-28 1583
如何使HTML标签原样显示出来          有时候想让一些html的标签不被浏览器解释翻译，直接原样的显示出来，这时可以在想要显示的代码的外面加上&lt;xmp&gt;&lt;/xmp&gt;，这样&lt;xmp&gt;标签里面的内容将原封不动的显示出来。 例如 &lt;xmp&gt; &lt;table&gt; &lt;tr&gt; &lt;th width="140
如何输出html源码，对html代码不进行解析
yihanzhi的博客
11-29 9934
我们知道，浏览器会自动解析html代码，直接输出解析后的效果。但有时我们希望输出代码结构，并不想被解析，有办法做到吗？答案是肯定的，下面介绍下直接输出源码的方法。 方法一：&lt;xmp&gt;标签 把不需要被解析的html代码放入标签&lt;xmp&gt;&lt;\xmp&gt;中，即可输出源码。 &lt;xmp&gt; 这里的代码将原样输出： &lt;div&gt;div容器&lt;/di...
HTML中防止实体转义
qq_46063389的博客
02-09 1589
HTML中防止实体转义 一、需求 在HTML中，想用浏览器直接输出实体的转义字符，而不会被浏览器直接识别并转义 例如：想输出空格的转义字符 &nbsp; ，而直接被识别为空格 二、实现 原理：找到想转义字符中的一个字符，将其替换为它自身的转义字符 演示：以空格为例 <!-- 目的：防止空格的转义字符 &nbsp; 转义 实现：将 & 符号，改为它自身的转义 &amp; --> <body> <span>我是文本内容<
js的输出语句及字符串转换
weixin_68485297的博客
04-20 1853
一、输出语句 1、在页面打印 直接在页面中显示出你所输入的内容 2、弹出框 3、控制台打印语句，普通打印 4、打印一个错误提示 5、打印一个警告提示 6、打印一个详细提示 7、计算时间 8、输入提示框 <script> 8、输入提示框 var result = prompt('输入你的考试成绩', 60 ) //只要在输入框里输入的字，都是字符串类型 document.w...
在vue中做数据渲染的时候，如何保证将数据原样输出？
最新发布
05-25
Vue 会自动将数据转换为字符串并插入到模板中。如果要保证将数据原样输出，可以通过使用 v-pre 指令来告诉 Vue 跳过这个元素和它的子元素的编译过程。这样就可以在页面上直接输出数据，而不需要对数据进行转换。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值