网页（html）中直接显示xml原始文件，直接显示xml格式的文件

最新推荐文章于 2025-02-01 07:30:00 发布

xtx1990

最新推荐文章于 2025-02-01 07:30:00 发布

阅读量9k

点赞数

分类专栏： xml

xml 专栏收录该内容

2 篇文章

订阅专栏

第一种方法

使用<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>

代码
.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
.<html>  
.<head>  
.<title> New Document </title>  
.<meta name="Generator" content="EditPlus">  
.<meta name="Author" content="">  
.<meta name="Keywords" content="">  
.<meta name="Description" content="">  
.</head>  
.  
.<body>  
.<xmp>  
.<?xml version="1.0" encoding="unicode"?>  
.<DATABASE>  
.    <SCHOOL-INFO>  
.        <ID>1</ID>  
.        <NAME>第一高中</NAME>  
.        <CITY>浠水</CITY>  
.        <STUDENTS>550</STUDENTS>  
.        <ADDRESS>浠水</ADDRESS>  
.    </SCHOOL-INFO>  
.    <SCHOOL-INFO>  
.        <ID>2</ID>  
.        <NAME>第三高中</NAME>  
.        <CITY>团陂</CITY>  
.        <STUDENTS>1000</STUDENTS>  
.        <ADDRESS>地址团陂</ADDRESS>  
.    </SCHOOL-INFO>  
.    <SCHOOL-INFO>  
.        <ID>3</ID>  
.        <NAME>试验高中</NAME>  
.        <CITY>1200</CITY>  
.        <STUDENTS>1200</STUDENTS>  
.        <ADDRESS>汪岗</ADDRESS>  
.    </SCHOOL-INFO>  
.    <SCHOOL-INFO>  
.        <ID>4</ID>  
.        <NAME>中心小学</NAME>  
.        <CITY>1300</CITY>  
.        <STUDENTS>1200</STUDENTS>  
.        <ADDRESS>竹瓦</ADDRESS>  
.    </SCHOOL-INFO>  
.</DATABASE>  
.</xmp>  
.</body>  
.</html>

第二种方法

“<”用<表示
“>”用>表示
“"”用"表示

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

代码
.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">     
.<html>     
.<head>     
.<title> New Document </title>     
.<meta name="Generator" content="EditPlus">     
.<meta name="Author" content="">     
.<meta name="Keywords" content="">     
.<meta name="Description" content="">     
.</head>     
.     
.<body>     
.<pre>     
.<?xml version="1.0" encoding="unicode"?>     
.<DATABASE>     
.    <SCHOOL-INFO>     
.        <ID>1</ID>     
.        <NAME>第一高中</NAME>     
.        <CITY>浠水</CITY>     
.        <STUDENTS>550</STUDENTS>     
.        <ADDRESS>浠水</ADDRESS>     
.    </SCHOOL-INFO>     
.    <SCHOOL-INFO>     
.        <ID>2</ID>     
.        <NAME>第三高中</NAME>     
.        <CITY>团陂</CITY>     
.        <STUDENTS>1000</STUDENTS>     
.        <ADDRESS>地址团陂</ADDRESS>     
.    </SCHOOL-INFO>     
.    <SCHOOL-INFO>     
.        <ID>3</ID>     
.        <NAME>试验高中</NAME>     
.        <CITY>1200</CITY>     
.        <STUDENTS>1200</STUDENTS>     
.        <ADDRESS>汪岗</ADDRESS>     
.    </SCHOOL-INFO>     
.    <SCHOOL-INFO>     
.        <ID>4</ID>     
.        <NAME>中心小学</NAME>     
.        <CITY>1300</CITY>     
.        <STUDENTS>1200</STUDENTS>     
.        <ADDRESS>竹瓦</ADDRESS>     
.    </SCHOOL-INFO>     
.</DATABASE>     
.</pre>     
.</body>     
.</html>

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