如何输出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>

输出结果如下图所示：