2010-02-11 20 views

回答

2

我想你問的<pre>標籤的預格式化文本。

所有進入pre標籤的內容都沒有被解釋。

試試這個瀏覽器上:

<pre> 
&lt;img src="whatever" /&gt; 
&lt;othertag&gt;whatever&lt;/otherta&gt; 
</pre> 

編輯:由於佩卡指出,HTML標記,符號必須轉換爲他們的HTML實體。

+0

不在我的瀏覽器 - 我仍然得到一個解釋的圖像。你確定這是正確的嗎? IIRC,無論如何,你需要在控制字符之外創建HTML實體。 – 2010-02-11 15:33:30

+0

你說得對,必須將符號轉換成它們各自的HTML實體,對錯誤抱歉。 – 2010-02-11 15:38:08

5

要格式化輸出,可以使用pre元素。

Howver,你仍然需要把特殊字符<>'"&到他們的HTML實體&lt;&gt;等這樣的HTML標籤明文轉起來,不要讓瀏覽器渲染。

如果您可以使用PHP,那麼有htmlspecialchars()。每種服務器端腳本語言都有相同的功能。

的JavaScript,設置pre容器的innerText屬性導致被字面上,而不是顯示的字符作爲解釋HTML。

如果你想要做手工,這是你需要轉換的內容:

& to &amp; 
> to &gt; 
< to &lt; 
" to &quot; 
' to &#039 

source

1

您可以使用<pre><code>標籤的組合。 <pre>標籤格式化了源代碼中的所有內容(可用於顯示大型源代碼塊),並且<code>標籤用於代碼的內聯格式(類似於此答案中的標籤格式化)。此外,<code>標籤中的任何內容都需要轉換爲HTML特殊字符(例如,&gt;和& lt)。

相關問題