2016-01-13 186 views
0

我想顯示Html頁面的源代碼,因爲它寫在記事本上,所以請致電 如何防止瀏覽器解析代碼並顯示Html頁面的原始源代碼?Html源代碼顯示

+2

的可能的複製[如何在PRE或類似的東西顯示原始的HTML代碼,但沒有逃脫它](http://stackoverflow.com/questions/16783708/how-to-display-raw-html-code-in-pre-or-something-喜歡它,但沒有逃脫它) – Beri

+0

你試過Google嗎?最簡單的方法是逃避它,但我認爲你想有相同的漂亮格式的這個HTML。 – Beri

回答

1

您可以使用語法高亮像這樣的:https://code.google.com/p/syntaxhighlighter/

或者你可以使用<code></code>

所以<div class="helloworld"></div>將成爲:

<code>&lt;div class="helloworld"&gt;&lt;/div&gt;</code> 

& LT和& GT代表比少並且大於方括號。

0

您可以使用「預」的標籤,以顯示源代碼:

<pre>code stuff</pre> 

,如果你想使用類名的語法高亮,你可以嘗試如下:

<pre><code class="xyz">headerFunction</code></pre>