网页中显示xml,直接显示xml格式的文件-阿里云开发者社区

开发者社区> skyme张> 正文

网页中显示xml,直接显示xml格式的文件

简介: 第一种方法 使用包围代码(在浏览器中测试不行啊,但是在富编辑器中又可以,怪);使用包围代码(官方不推荐,但是效果不错哦,在firefox和IE都可以);使用包围代码(在富编辑器和浏览器中均可以 ); 不能在页面显示;不错,可行;是在文本域中显示,达不到想要的效果。
+关注继续查看

第一种方法

使用<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信息了。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
python 显示树莓派的cpu与cpu温度
import commands def get_cpu_temp():     tempFile = open( "/sys/class/thermal/thermal_zone0/temp" )     cpu_temp = tempFile.
1200 0
sql嵌入html格式显示报表
在使用监控系统报警的时候,如果显示的报警信息为纯粹的文本,会枯燥很多,而且看起来很不清晰。 比如我们要监控表空间的使用情况,输出列有表空间名,状态,区管理方式,总共的空间,使用的空间,剩余的空间等。
601 0
Windows 技术篇-修改电脑时间格式显示为12小时、24小时时间制式方法
Windows 技术篇-修改电脑时间格式显示为12小时、24小时时间制式方法
7 0
网页中显示xml,直接显示xml格式的文件
第一种方法 使用包围代码(在浏览器中测试不行啊,但是在富编辑器中又可以,怪);使用包围代码(官方不推荐,但是效果不错哦,在firefox和IE都可以);使用包围代码(在富编辑器和浏览器中均可以 ); 不能在页面显示;不错,可行;是在文本域中显示,达不到想要的效果。
856 0
as3文档中根元素后面的标记格式必须正确
在使用as3解析xml时遇到这个错误,断点调试时获取读取的字符串信息,也没发现异常,网上搜索了一下,说是后面有多余的随机乱码。但我这里没有发现任何乱码,至少复制出来存为xml,可以预览到效果。   后来用editplus仔细查看了一下xml源文件的格式,发现不是utf-8的,而是utf-8+(带BOM的格式)。
605 0
+关注
236
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载