HTML页面中显示HTML标签</h1><div class="clear"></div><p class="post-meta"><span class="time"><i class="icon-time"></i>2022-08-18 18:47:54</span></p><div class="clear"></div></header><div class="entry" itemprop="articleBody"><p>最近做东西遇到一个HTML页面中显示HTML标签的需求,比如要显示&lt;/span&gt;</p> <p>解决方法如下</p> <p>HTML页面中显示HTML标签代码,可以使用&lt;xmp&gt;html标签内容&lt;/xmp&gt;,这样,在网页中就会显示html标签</p> <p>xmp的标签,会把抱在内部的html片段当作字符串输出</p> <p>类似的还有个&lt;pre&gt;&lt;/pre&gt; 标签,可以在保留原来文本格式的基础上让文本在页面上显示出来</p> <div><code>xmp</code></div> <div> <code>&lt;</code><code>xmp</code><code>&gt;</code> </div> <div> <code>    </code><code>&lt;</code><code>div</code><code>&gt;xmp&lt;/</code><code>div</code><code>&gt;</code> </div> <div> <code>&lt;/</code><code>xmp</code><code>&gt;</code> </div> <div><code>//输出</code></div> <div> <code>&lt;</code><code>div</code><code>&gt;xmp&lt;/</code><code>div</code><code>&gt;</code> </div> <div> </div> <div> </div> <div> <div><code>pre</code></div> <div> <code>&lt;</code><code>pre</code><code>&gt;</code> </div> <div> <code>    </code><code>&lt;</code><code>strong</code><code>&gt;pre&lt;/</code><code>strong</code><code>&gt;</code> </div> <div> <code>&lt;/</code><code>pre</code><code>&gt;</code> </div> <div><code>//输出</code></div> <div><code>加粗的pre</code></div> <div> </div> </div></div><footer class="entry-meta"><div class="clear"><div class="page-nav"></div></div><div class="gpost-below mobile-no"></div></footer><div class="post-navigation">上一篇:<a href="/manong/747701.html">python写一个防御DDos的脚本(请安好环境否则无法实验)</a><p><br>下一篇:<a href="/manong/747703.html">php将图片以二进制保存到mysql数据库并显示</a></p></div></article></div><section id="related-posts" class="widget-box"><h3>相关文章</h3><div class="widget-content"><ul><li class="other-news"><span>08-18</span><a href="/manong/1359631.html" title="使用highlight.js在HTML页面中实现代码高亮显示"><i class="icon-angle-right"></i>使用highlight.js在HTML页面中实现代码高亮显示</a></li><li class="other-news"><span>08-18</span><a href="/manong/1293760.html" title="React index.html引入script时 src中的斜杠都变成了空格,并且还多出了script标签 导致无法加载"><i class="icon-angle-right"></i>React index.html引入script时 src中的斜杠都变成了空格,并且还多出了script标签 导致无法加载</a></li><li class="other-news"><span>08-18</span><a href="/manong/1264390.html" title="webpack处理html中img标签引入图片不显示问题"><i class="icon-angle-right"></i>webpack处理html中img标签引入图片不显示问题</a></li><li class="other-news"><span>08-18</span><a href="/manong/1264391.html" title="webpack处理html中img标签引入图片不显示问题"><i class="icon-angle-right"></i>webpack处理html中img标签引入图片不显示问题</a></li><li class="other-news"><span>08-18</span><a href="/manong/1260803.html" title="使用HTML中的canvas标签通过js操作制作一个小型英雄抓怪兽的2D小游戏"><i class="icon-angle-right"></i>使用HTML中的canvas标签通过js操作制作一个小型英雄抓怪兽的2D小游戏</a></li><li class="other-news"><span>08-18</span><a href="/manong/1176735.html" title="html中meta标签的用处"><i class="icon-angle-right"></i>html中meta标签的用处</a></li><li class="other-news"><span>08-18</span><a href="/manong/1132144.html" title="自动化生成项目中的html页面(中)"><i class="icon-angle-right"></i>自动化生成项目中的html页面(中)</a></li><li class="other-news"><span>08-18</span><a href="/manong/1060713.html" title="转 HTML页面中嵌入SVG的几种方式"><i class="icon-angle-right"></i>转 HTML页面中嵌入SVG的几种方式</a></li><li class="other-news"><span>08-18</span><a href="/manong/1054047.html" title="html-Thymeleaf吞噬数据列表中的选项标签"><i class="icon-angle-right"></i>html-Thymeleaf吞噬数据列表中的选项标签</a></li><li class="other-news"><span>08-18</span><a href="/manong/1052704.html" title="this.$nextTick().html 页面数据刷新完以后,再执行回调函数中的方法"><i class="icon-angle-right"></i>this.$nextTick().html 页面数据刷新完以后,再执行回调函数中的方法</a></li></ul><div class="clear"></div></div></section></div><aside class="span4 sidebar-right hide-sidebar"><div id="posts-list-widget-9" class="widget-box widget widget-posts"><div class="widget-title"><span class="icon"><i class="icon-list"></i></span><h3>编程语言最新文章</h3></div><div class="widget-content"><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/371245.html" title="如何导出用户监控数据到Excel">如何导出用户监控数据到Excel</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/120847.html" title="ORACLE大表关联更新提速方法">ORACLE大表关联更新提速方法</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/166.html" title="阿里云开发者社区用户服务协议">阿里云开发者社区用户服务协议</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/388465.html" title="Docker CE 镜像源站">Docker CE 镜像源站</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/178059.html" title="云栖专辑 | 阿里开发者们的20个感悟,一通百通">云栖专辑 | 阿里开发者们的20个感悟,一通百通</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/269807.html" title="免费下载 | 超全算法题精解,一本能“在线”编程的面试宝典">免费下载 | 超全算法题精解,一本能“在线”编程的面试宝典</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/378379.html" title="独家下载!《Java开发手册》灵魂13问,深度剖析一线大厂开发思维">独家下载!《Java开发手册》灵魂13问,深度剖析一线大厂开发思维</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/170.html" title="阿里云开发者社区知识产权保护暨版权授权与侵权投诉指引">阿里云开发者社区知识产权保护暨版权授权与侵权投诉指引</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/252146.html" title="去年6月在师门会议上分享的Python技术框架报告">去年6月在师门会议上分享的Python技术框架报告</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/294215.html" title="SqlServer基础--SQLOS 的任务调度(转)">SqlServer基础--SQLOS 的任务调度(转)</a></div></li><div class="clear"></div></div></div></aside></div></div></div><footer id="footer" class="row-fluid" role="contentinfo" itemscope=""><div class="span12 footer-nav"><ul><li><a href="/zuixin/">更多编程技术文章</a></li><li><a href="/sitemap.xml">网站地图</a></li></ul></div><div class="span12 footer-info"><p>本站所有资源皆搜集自网络,相关版权归版权持有人所有,如有侵权,请电邮告之,本站会尽快删除。<span class="email-span"></span></p><p><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备2022053706号</a></p></div></footer><div class="returnTop" title="" style="display: none;"><span class="s"></span><span class="b"></span>" </div><script type="text/javascript" src="/statics/553668/js/all.js"></script></body></html>