网页中显示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> 

网页中显示xml,直接显示xml格式的文件 代码
   
     
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;表示

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

网页中显示xml,直接显示xml格式的文件 代码
   
     
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信息了。

你可能感兴趣的:(xml)