1、首先，我们准备一个演示所用的网页文件，网页代码如下所示：<html> <head媪青怍牙> <title>HTML 页面</title> </head> <body> <br/><br/> <center> <p>这是转义后<h1>h1标签</h1>和<b>B标签</b></p> <p>这里要实现不转义的效果：<h1>h1标签</h1>和<b>B标签</b>。</p> <center> </body></html>
2、在浏览器窗口中打开效果如下图所示，可以看到，两行代码的标签都被浏览器解释成正常的html标签了。现在我们要实现将第二行的h1和b标准原样显示出来。
3、方法一：利用<xmp></xmp>来实现标签原样显示将网页中的第二个<p>标签中的内容用<xmp></xmp>包裹起来，如下图所示：
4、保存后，在浏览器打开，从运行效果可以看出，第二个段落中的标签没有被转义，原文显示出来了，达到了我们需要的效果。
5、方法二：将要原文显示的标签的左尖括号用“<”替换（不包括引号）利用替换功能，将第二个段落中要原文显示的标签的左尖括号“<",如下图所示全部替换成“<”（不含引号）。
6、保存后，从浏览器中的浏览效果可以看出，也达到了我们的要求，原样显示出了hmtl标签，未被转义。
7、方法三：借助js脚本实现要借助js脚本实现，我们首先要将第二个<p>标签中的内容给清空掉，同时为了方便操作，还需给第二个<p>标签增加id属性。
8、在网页文件中添加如下js代码：<script language="门钙蹲茌javascript"> document.getElementById("myid").innerText="这是第三种方法实现不转义的效果：<h1>h1标签</h1>和<b>B标签</b>。";</script>
9、保存后在浏览器中打开，效果如下，同样实现了标签原文输出不转义的效果。三种方法，大家可以根据实际应用需求进行选择。
