0
点赞
收藏
分享

微信扫一扫

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

zibianqu 2022-03-31 阅读 91
htmlxmlico


第一种方法


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

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

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>



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

作者:张锋,欢迎转载,但未经作者同意必须在文章页面给出原文连接,否则保留追究法律责任的权利。

更多精彩文章可以观注

微信公众号

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


举报

相关推荐

0 条评论