如何以源格式顯示HTML代碼？

我們有一些HTML代碼，當用戶點擊瀏覽器上的某個鏈接時，我們希望以原始源格式顯示。我們如何防止鏈接內容被HTML瀏覽器解釋？如何以源格式顯示HTML代碼？

我想使用相同的HTML文件來呈現以及以源格式顯示。

2012-08-13 priya

改變其內容類型爲text/plain的 – 2012-08-13 09:38:57

可能重複http://stackoverflow.com/questions/6817262/how-to-display-html-tags-as-plain-text – 2012-08-13 09:43:04

@RickKuipers - 不工作對於IE9之前的IE，由於IE <= 8嗅探HTML的內容並認爲它更好。 – Alohci 2012-08-13 09:57:23

這樣的事情應該足夠

<textarea rows=10 cols=50 readonly="true"> 
    <h1> Hello </h1> 
    <emphasis> World </emphasis> 
</textarea>

2012-08-13 09:44:57 Collins

我試圖使用相同的HTML文件來呈現以及以源格式顯示。但通過這樣做是不可能的，對嗎？ – priya 2012-08-13 09:55:18

這種格式將允許您在HTML文件中渲染元素，並允許您在textarea中顯示代碼。檢查此小提琴的更多信息http://jsfiddle.net/vp6jT/1/ – Collins 2012-08-13 10:20:40

只是溫和的提醒，如果您發現它令人滿意，請勾選答案 – Collins 2012-08-13 10:33:18

你可以試試這個使用JavaScript;

希望這有助於。

2012-08-13 09:45:28

回答