大话XML(2)XML和HTML的比较

2003-11-16　网友评论 0 条　点击进入论坛

二. XML和HTML的比较　　下面我们看一个实例:

　　有一个关于学生的信息：包括学生的编号，姓名，性别，年龄。

　　我们下面用三种表达方式来表现这个学生的信息。

　　这个学生的信息数据是相同的：001，张三，男， 20

　　我们先用HTML来展示3种不同的表现形式，但我们所用到的这个学生的数据是相同的。

第一种表达方式：

显示的效果：

001，张三，男， 20

HTML源代码：

<body>

001，张三，男， 20

</body>

第二种表达方式：显示的效果：

编号	001
姓名	张三
性别	男
年龄	20

HTML源代码：

<body>

<table width="300" border="0" cellspacing="0" cellpadding="0" bgcolor="#000000">

<tr>

<td>

<table width="300" border="0" cellspacing="1" cellpadding="0" bgcolor="1">

<tr>

<td>编号</td>

<td>001</td>

</tr>

<tr>

<td>姓名</td>

<td>张三</td>

</tr>

<tr>

<td>性别</td>

<td>男</td>

</tr>

<tr>

<td>年龄</td>

<td>20 </td>

</tr>

</table>

</td>

</tr>

</table>

</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文件进行搜索，就可以得到自己想要的有用信息。

已有 0 位对此文章感兴趣的网友发布了看法　

我来评两句	登录邮箱：密码：
请您在这里发表您的个人看法，发言时请各位遵纪守法并注意语言文明！
	匿名发表

今日推荐

技术文库(共有 46430 篇文章)

产品技术答疑

重点推荐