第一种方法
使用<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>第二种方法
“<”用<表示
“>”用>表示
“"”用"表示
也可以在后台处理好直接输出到页面上,代码显示如下

代码
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.<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.</pre>45.</body>46.</html>这样就可以显示完整的xml信息了。
作者:张锋,欢迎转载,但未经作者同意必须在文章页面给出原文连接,否则保留追究法律责任的权利。
更多精彩文章可以观注
微信公众号











