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

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

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

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

方法4:如果是 html 内容、javascript、xml 或其他特殊内容,使用 <xmp></xmp> 标签

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

经测试发现,方法1 使用 <pre> 标签并不能输出自定义标签(自己命名的标签名),自定义标签仍会被浏览器识别

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