HTML标签文本内容正常显示而不被解析

要想html标签在html页面正常显示而不被解析:

      最简单的方式有3种

  1,用xmp标签包裹内容,代码如下:

  

1 <xmp><a>xianshi xmp</a></xmp>

  2,用textarea标签包裹内容,代码如下:

  

<pre><textarea><a>woshi textarea</a></textarea></pre>

  3,转义<&lt;>&gt;

<pre>&lta&gtwoshi pre&lt/a&gt</pre>

  除了以上方式,在h5中可以用<script type="text/html"><script type="text/template">来实现,代码如下:

  

<script type="text/html" id="js_textHtml" style="display:block;">
        <a>wo shi type="text/html"</a>
    </script>

  另外多说一点,在vue中,直接将代码串放入{{}}中即可,但是注意一点,标签结尾出需要加转义符比如这样`<script>var a="bb"</script>`(不加 的话会报错)

原文地址:https://www.cnblogs.com/wsz168/p/8315993.html