爲什麼代碼在代碼塊中呈現？

我想在網頁上顯示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 >修改。是否有應該修改的標籤列表以在網頁中呈現它們？有沒有可以將這些轉換爲上述語法的在線程序？

來源

2009-02-15 4thSpace

我不能解析你的問題。您需要提供更多信息 – 2009-02-15 23:20:24

請提供更多信息。 – 2009-02-15 23:20:47

我不認爲[那些標籤]是指你認爲他們的意思。

<pre>允許您保留空白區和換行符。 <code>允許您在語義上指示代碼正在您的頁面上顯示。兩者都有一些默認樣式（例如應用固定寬度的字體），但是任何人都不會做任何事情來轉義<,>,&或"，因此您在這些標記之間放置的任何非轉義HTML代碼將被處理爲HTML 。您必須使用<,>,&和"。這裏是一個頁面，你可以粘貼文本，並逃脫：http://accessify.com/tools-and-wizards/developer-tools/quick-escape/

來源

2009-02-16 02:49:48

根據你的文章的內容判斷，我假設你正在討論在Stack Overflow的Markdown中顯示代碼。

不要換你的代碼<pre>和<code>，只需4個空格縮進它，就像這樣：

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

降價實際上解析HTML（在，至少these tags），你可以看到。在減價之外，您仍然必須將<div>更改爲<div>，因爲無論如何它都可以正確呈現 - 使用代碼/ pree不會停止呈現代碼。

來源

2009-02-15 23:22:13 Ross

我只希望它顯示在計算器上，以便其他人可以看到問題。我需要在網頁中顯示HTML，並且pre/code在某些標籤上不起作用。你是說我必須爲大多數標籤使用小於/大於字符？ – 4thSpace 2009-02-15 23:33:37

您需要>和&與&更換<與<，>，就是這樣。

來源

2009-02-15 23:27:55 svinto

爲什麼代碼在代碼塊中呈現？

回答

相關問題