第一种方法
使用<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 >
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 >
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信息了。