如何以源格式显示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

回答