如何在不解析的情况下显示html

Question

我希望能够做到这样的事情：

<code>

//my html which will just be pasted in and not parsed, for people to read/copy, goes here
<h1>hello world</h1>

<code>

我知道我可以在其中使用代码标记，在css中使用type="text/plain"和display: block;的脚本代码，但它没有响应，并且看起来不太好。

我在线查看，但无法找到解决此问题的任何内容。

我只想要一个可以粘贴我的HTML，CSS或JS用于显示目的的地方，并且它可以被解析，并且可以设置样式和响应。

任何人都知道最好的方法吗？

Answer 1

您可以在代码周围使用<xmp>标记。它是不受欢迎的，将来可能会被弃用，但浏览器仍然支持它，并将所有内容解释为原始HTML并相应地显示它。请参阅Mozilla's documentation以及SO: Show source code without XMP tag的更全面解释。如果没有xmp，您需要转义<或>代码中的所有pre和code。