如何输出html源码，对html代码不进行解析

admin管理员组

文章数量:1794759

如何输出html源码，对html代码不进行解析

我们知道，浏览器会自动解析html代码，直接输出解析后的效果。但有时我们希望输出代码结构，并不想被解析，有办法做到吗？答案是肯定的，下面介绍下直接输出源码的方法。

方法一：<xmp>标签 把不需要被解析的html代码放入标签<xmp><\\xmp>中，即可输出源码。

<xmp> 这里的代码将原样输出： <div>div容器</div> </xmp>

输出结果如下图所示： 备注：从HTML3.2开始反对使用本元素，HTML5规范中本元素已经完全被移除。

方法二：<pre>标签 把不需要被解析的html代码放入标签<pre><\\pre>中，但“<”需用"&lt;"，">“需用”&gt;"代替即可输出源码。

<pre> 这里的代码将原样输出： &lt;div&gt;div容器&lt;/div&gt; </pre>

输出结果如下图所示：

方法三：<code>标签 把不需要被解析的html代码放入标签<code><\\code>中，但“<”需用"&lt;"，">“需用”&gt;"代替即可输出源码。

<code> 这里的代码将原样输出： &lt;div&gt;div容器&lt;/div&gt; </code>

输出结果如下图所示：

本文标签： 源码代码html