網頁中顯示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信息了。

第二種方法里面的<?xml version="1.0" encoding="utf=8">里面的"<"以及">"也得換成相應的&lt;和&gt;,否則不會顯示。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM