扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条
二. XML和HTML的比较 下面我们看一个实例:
有一个关于学生的信息：包括学生的编号，姓名，性别，年龄。
我们下面用三种表达方式来表现这个学生的信息。
这个学生的信息数据是相同的：001， 张三， 男， 20
我们先用HTML来展示3种不同的表现形式，但我们所用到的这个学生的数据是相同的。
第一种表达方式：
显示的效果：
001， 张三， 男， 20
HTML源代码：
<body>
001， 张三， 男， 20
</body>
第二种表达方式： 显示的效果：
|
第三种表达方式： 显示的效果：
学生信息
编号：
性别：
姓名：
年龄：
HTML源代码：
<body>
<p>学生信息</p>
<p>编号：
<input type="text" name="textfield" value="001">
</p>性别：
<input type="text" name="textfield2" value="男">
<p>姓名：
<input type="text" name="textfield3" value="张三">
</p>
<p>年龄：
<input type="text" name="textfield4" value="20">
</p>
<p>
<input type="submit" name="Submit" value="Submit">
<input type="submit" name="Submit2" value="Reset">
</p>
</body>
看了上面的这个例子，同志们有什么想法？
是不是感觉HTML越来越肥，通过源代码来找数据是不是越来越困难啦？
HTML本身存在很多的缺点，例如，内容和页面的排版、表现形式混在一起，过度的膨胀。数据库存储的信息，经过CGI,ASP等的解释和转换为HTML格式后，信息原有的格式已变得面目全非。电子商务的逐渐流行，HTML本身的种种缺点却阻碍了他的发展。
二. XML和HTML的比较
HTML本身存在很多的缺点，例如，内容和页面的排版、表现形式混在一起，过度的膨胀。数据库存储的信息，经过CGI,ASP等的解释和转换为HTML格式后，信息原有的格式已变得面目全非。电子商务的逐渐流行，HTML本身的种种缺点却阻碍了他的发展。
哈!
这个时候就是我们的XML出场的最佳时刻啦！
XML最厉害的地方就是将数据和表达形式完全分离！
先不要问为什么？照着我教你的步骤来做：
请下载下面这4个文件：
学生.xml
学生1.xsl
学生2.xsl
学生3.xsl
下载到本机之后，请按下面的要求做。
第一步：双击学生.xml，在IE浏览器中可看到如下的显示效果：
图一（和前面提到的HTML的第一种表达方式相同）
第二步：用记事本打开学生.xml，看到
图二
我们将这段代码中的“学生1.xsl”改为“学生2.xsl”，保存。之后，请刷新IE浏览器，看到了什么？
图三（和前面提到的HTML的第二种表达方式相同）
第三步：用和第二步类似的步骤，将这段代码中的“学生2.xsl”改为“学生3.xsl”，保存。之后，请刷新IE浏览器，又看到了什么？
图四（和前面提到的HTML的第三种表达方式相同）
第四步：好了，这次我们来看看XML的庐山真面目吧！
请用和第二步类似的步骤，将这段代码删掉，保存。刷新IE浏览器，可以看到：
图五
这就是XML的源代码。
有没有注意到XML源代码“- <学生>”前面的“-”
图六
点击之后，<学生>折叠了起来！
图七
XML的真面目露出来啦！
像什么？
是不是很像我们平时用的文件夹呀？
如果你学过数据结构的话，一定知道一种重要的数据结构——树！
而我们的XML就是一种树状结构！
XML与HTML的不同之处在于：
XML的重点在内容上，而HTML的重点在页面的布局和排版上。
XML+XSL(CSS)-->HTML
怎么来解释？
XML的写法和HTML类似。
XML的优势：
1.方便不同系统之间的信息交流
XML本身具有的特性，使得他成为B2B公司对公司的商务带来前所未有的方便。
2.更方便的信息搜索
文件的内容和外观设计是完全分开的，外观变动时，XML文件本身不受影响。对信息进行搜索时，只要对XML文件进行搜索，就可以得到自己想要的有用信息。
如果您非常迫切的想了解IT领域最新产品与技术信息，那么订阅至顶网技术邮件将是您的最佳途径之一。
京公网安备 11010802021500号