网页中显示xml，直接显示xml格式的文件

第一种方法

使用<pre></pre>包围代码（在浏览器中测试不行啊，但是在富编辑器中又可以，怪）；
使用<xmp></xmp>包围代码（官方不推荐，但是效果不错哦，在firefox和IE都可以）；
使用<textarea></textarea>包围代码（在富编辑器和浏览器中均可以 ）；

<pre>不能在页面显示；<xmp>不错，可行；<textarea>是在文本域中显示，达不到想要的效果。

<xmp>
    <div>对html的用法作个说明</div>
    <div><span id="demo">奇迹</span></div>
</xmp>

如果想在网页中显示xml的完整结构，直接输出，IE会把xml结构误认为html的结构，普通的显示只能显示所有节点上的值，如果想显示整个结果，可以在xml的两端加上标签 <xmp>xml结构</xmp> 

代码

1. <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
2. < html >
3. < head >
4. < title > New Document </ title >
5. < meta name ="Generator" content ="EditPlus" >
6. < meta name ="Author" content ="" >
7. < meta name ="Keywords" content ="" >
8. < meta name ="Description" content ="" >
9. </ head >
10.
11. < body >
12. < xmp >
13. <? xml version="1.0" encoding="unicode" ?>
14. < DATABASE >
15. < SCHOOL-INFO >
16. < ID > 1 </ ID >
17. < NAME > 第一高中 </ NAME >
18. < CITY > 浠水 </ CITY >
19. < STUDENTS > 550 </ STUDENTS >
20. < ADDRESS > 浠水 </ ADDRESS >
21. </ SCHOOL-INFO >
22. < SCHOOL-INFO >
23. < ID > 2 </ ID >
24. < NAME > 第三高中 </ NAME >
25. < CITY > 团陂 </ CITY >
26. < STUDENTS > 1000 </ STUDENTS >
27. < ADDRESS > 地址团陂 </ ADDRESS >
28. </ SCHOOL-INFO >
29. < SCHOOL-INFO >
30. < ID > 3 </ ID >
31. < NAME > 试验高中 </ NAME >
32. < CITY > 1200 </ CITY >
33. < STUDENTS > 1200 </ STUDENTS >
34. < ADDRESS > 汪岗 </ ADDRESS >
35. </ SCHOOL-INFO >
36. < SCHOOL-INFO >
37. < ID > 4 </ ID >
38. < NAME > 中心小学 </ NAME >
39. < CITY > 1300 </ CITY >
40. < STUDENTS > 1200 </ STUDENTS >
41. < ADDRESS > 竹瓦 </ ADDRESS >
42. </ SCHOOL-INFO >
43. </ DATABASE >
44. </ xmp >
45. </ body >
46. </ html >

 

第二种方法

“<”用&lt;表示
“>”用&gt;表示
“"”用&quot;表示

也可以在后台处理好直接输出到页面上，代码显示如下

代码

1. <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
2. < html >
3. < head >
4. < title > New Document </ title >
5. < meta name ="Generator" content ="EditPlus" >
6. < meta name ="Author" content ="" >
7. < meta name ="Keywords" content ="" >
8. < meta name ="Description" content ="" >
9. </ head >
10.
11. < body >
12. < pre >
13. <? xml version="1.0" encoding="unicode" ?>
14. &lt; DATABASE &gt;
15. &lt; SCHOOL-INFO &gt;
16. &lt; ID &gt; 1 &lt; /ID &gt;
17. &lt; NAME &gt; 第一高中 &lt; /NAME &gt;
18. &lt; CITY &gt; 浠水 &lt; /CITY &gt;
19. &lt; STUDENTS &gt; 550 &lt; /STUDENTS &gt;
20. &lt; ADDRESS &gt; 浠水 &lt; /ADDRESS &gt;
21. &lt; /SCHOOL-INFO &gt;
22. &lt; SCHOOL-INFO &gt;
23. &lt; ID &gt; 2 &lt; /ID &gt;
24. &lt; NAME &gt; 第三高中 &lt; /NAME &gt;
25. &lt; CITY &gt; 团陂 &lt; /CITY &gt;
26. &lt; STUDENTS &gt; 1000 &lt; /STUDENTS &gt;
27. &lt; ADDRESS &gt; 地址团陂 &lt; /ADDRESS &gt;
28. &lt; /SCHOOL-INFO &gt;
29. &lt; SCHOOL-INFO &gt;
30. &lt; ID &gt; 3 &lt; /ID &gt;
31. &lt; NAME &gt; 试验高中 &lt; /NAME &gt;
32. &lt; CITY &gt; 1200 &lt; /CITY &gt;
33. &lt; STUDENTS &gt; 1200 &lt; /STUDENTS &gt;
34. &lt; ADDRESS &gt; 汪岗 &lt; /ADDRESS &gt;
35. &lt; /SCHOOL-INFO &gt;
36. &lt; SCHOOL-INFO &gt;
37. &lt; ID &gt; 4 &lt; /ID &gt;
38. &lt; NAME &gt; 中心小学 &lt; /NAME &gt;
39. &lt; CITY &gt; 1300 &lt; /CITY &gt;
40. &lt; STUDENTS &gt; 1200 &lt; /STUDENTS &gt;
41. &lt; ADDRESS &gt; 竹瓦 &lt; /ADDRESS &gt;
42. &lt; /SCHOOL-INFO &gt;
43. &lt; /DATABASE &gt;
44. </ pre >
45. </ body >
46. </ html >

 

这样就可以显示完整的xml信息了。

转载于:https://www.cnblogs.com/skyme/archive/2010/11/10/1873296.html