为什么代码在代码块中呈现？

Question

我想在网页中显示HTML.我已经包装了一个代码块,但最后两行仍然执行/渲染.我究竟做错了什么？

<pre><code>
div {background: brown;}
div.bluebg {background: blue;}
<div>default brown background</div>
<div class="base">blue background</div>
</code></pre>

最后两行用div标签包装.我注意到stackoverflow剥离它们.我不想剥离它们,但我想改变< and >.是否有应修改标签的列表以在网页中呈现它们？是否有可以将这些转换为上述语法的在线程序？

Answer 1

我不认为[那些标签]意味着你认为他们的意思.

<pre>允许您保留空白区域和换行符.<code>允许您在语义上指示代码正在页面上显示.两者都有一些默认样式(如应用一个固定宽度字体),但没有一个做任何事情逃脱<,>,&,或者",让你把这些标签之间的任何转义HTML代码将被处理为HTML.你将不得不使用<,>,&,和".这是一个页面,您可以在其中粘贴文本并将其转义:http://accessify.com/tools-and-wizards/developer-tools/quick-escape/