在项目开发过程中，我们有时候需要将 html 代码或标签原样输出到浏览器上，以便用户查看 html 代码，而不需要浏览器去解析或运行 html 代码，这个时候我们可以把 html 代码放入 pre 标签里面，即可实现 html 代码原样输出。

方法1： 如果是有空格和回车这样的特殊字符的简单文本， 在文本外加 <pre></pre> 标签

方法2：用 <textarea></textarea> 标签

方法3：把 html 的 <> 转换成特殊字符 (例：< div > 内容 < /div >)

方法4：如果是 html 内容、javascript、xml 或其他特殊内容，使用

标签

方法5：如果是在代码中执行时要显示或打印等可以使用 <![cdata[]]>

[notice]经测试发现，方法1 使用 <pre> 标签并不能输出自定义标签（自己命名的标签名），自定义标签仍会被浏览器识别[/notice]

转自：如何将html代码标签原样输出 - csdn