怎么用 pre 直接显示 html 标签呢? 不需要自己转义

Question

如题,如何用 pre 标签直接显示 html 里面的标签呢? 不需要自己转义

Answer 1

pre也只不过是一个标签而已，这个标签的作用无非也就是格式化，如果你不想转义的话，那么可以考虑使用textarea标签，这样就不需要转义了，但是文本格式化就没了，最终展现的效果就不是你想要的排版格式。

所以呢，如果你想使用pre来做排版的话，那么就把代码上的标签批量转换一下。不过转义的话，你可以只转一个符号就可以了，比如把 < 转成<。下面这个就是转义后的效果。

  <pre>&lt;h1>这里是h1标签&lt;/h1></pre>

Answer 2

还记得那个在HTML4.01就被废除的标签吗----------<xmp></xmp>标签

虽然被废除，但是因为太好用，基本所有浏览器都还支持.
它的后续继任者就是pre，但是pre会转义html字符，因为它只是个文本格式化标签，例如这是一个超链接，如果你写在pre里面，还是会被转义，显示为超链接，但是如果用xmp标签呢？
它就会完整的输出html标签，并且不做任何转义，也就是把HTML标签输出为字符串，除了它的本身，也就是不能嵌套自身xmp。
如下例子

<xmp><b>这个b标签不会被转义，会被当作字符串完整的输出</b></xmp>