1. 程式人生 > >HTML標簽文本內容正常顯示而不被解析

HTML標簽文本內容正常顯示而不被解析

方式 col html標簽 htm display 直接 microsoft 轉義 post

要想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>`(不加\ 的話會報錯)

HTML標簽文本內容正常顯示而不被解析