网页中显示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.<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信息了。

目录
相关文章
|
1月前
|
XML 前端开发 Java
讲解SSM的xml文件
本文详细介绍了SSM框架中的xml配置文件,包括springMVC.xml和applicationContext.xml,涉及组件扫描、数据源配置、事务管理、MyBatis集成以及Spring MVC的视图解析器配置。
57 1
|
3月前
|
XML Java 数据格式
Spring5入门到实战------7、IOC容器-Bean管理XML方式(外部属性文件)
这篇文章是Spring5框架的实战教程,主要介绍了如何在Spring的IOC容器中通过XML配置方式使用外部属性文件来管理Bean,特别是数据库连接池的配置。文章详细讲解了创建属性文件、引入属性文件到Spring配置、以及如何使用属性占位符来引用属性文件中的值。
Spring5入门到实战------7、IOC容器-Bean管理XML方式(外部属性文件)
|
11天前
|
Java Maven
maven项目的pom.xml文件常用标签使用介绍
第四届人文,智慧教育与服务管理国际学术会议(HWESM 2025) 2025 4th International Conference on Humanities, Wisdom Education and Service Management
63 8
|
1月前
|
XML JavaScript Java
java与XML文件的读写
java与XML文件的读写
25 3
|
1月前
|
XML 存储 缓存
C#使用XML文件的详解及示例
C#使用XML文件的详解及示例
90 0
|
1月前
|
XML 存储 Web App开发
查看 XML 文件
查看 XML 文件
|
2月前
|
SQL XML Java
mybatis :sqlmapconfig.xml配置 ++++Mapper XML 文件(sql/insert/delete/update/select)(增删改查)用法
当然,这些仅是MyBatis功能的初步介绍。MyBatis还提供了高级特性,如动态SQL、类型处理器、插件等,可以进一步提供对数据库交互的强大支持和灵活性。希望上述内容对您理解MyBatis的基本操作有所帮助。在实际使用中,您可能还需要根据具体的业务要求调整和优化SQL语句和配置。
44 1
|
4月前
|
XML Java 数据库
配置applicationContext.xml文件
配置applicationContext.xml文件
|
4月前
|
XML Java 数据格式
支付系统----微信支付20---创建案例项目--集成Mybatis-plus的补充,target下只有接口的编译文件,xml文件了,添加日志的写法
支付系统----微信支付20---创建案例项目--集成Mybatis-plus的补充,target下只有接口的编译文件,xml文件了,添加日志的写法
|
4月前
|
XML JavaScript Java
解析XML文件的几种方法
解析XML文件的几种方法