木子卜—木子卜资源网

关于pre标签依旧被解析的解决办法

概述

<pre> 标签中保留空格和换行,常用来展示代码片段,但如果直接嵌套HTML标签,会被浏览器解析,所以需要使用转义字符将代码片段转换为不被解析的文本。

在前端开发中,我们经常使用pre标签来展示代码内容,但是在实际开发中,当后端数据接口直接将html片段放在pre中是会被解析的。

对于这种情况,有两种解决办法

方式1 在pre标签内部套一层 <xmp></xmp> 标签

<pre>
    <xmg>
       <html>
           <head>
               <meta charset="utf-8">
               <title>木子卜</title>
           </head>
           <body>
               <iframe src="https://www.hieac.cn/"/>
           </body>
       </html>
    </xmg>
</pre>

方式2 将pre内部标签进行转译

<pre>
    &lt;html&gt;
        &lt;head&gt;
            &lt;meta charset=&quot;utf-8&quot;&gt;
            &lt;title&gt;木子卜&lt;/title&gt;
        &lt;/head&gt;
        &lt;body&gt;
            &lt;iframe src=&quot;https://www.hieac.cn/&quot;/&gt;
        &lt;/body&gt;
    &lt;/html&gt;
</pre>

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »