HTML標簽文本內容正常顯示而不被解析
阿新 • • 發佈:2018-01-19
方式 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,轉義<
為<
,>
為>
<pre><a>woshipre</a></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標簽文本內容正常顯示而不被解析