3.1 前端学习笔记之XML与HTML、JavaScript、jQuery、AJAX、JSON的区别

一、XML与HTML

前言

为什么我会突然学XML呢?我在学习用JSP写Web后台的时候,常常会看到“等价的XML语句”、“符合XML标准”等字眼,并且在我新建的JSP项目中也发现有很多的.xml文件,我很想知道这些.xml文件的作用以及与JSP(或者说是与Java)的联系,就试着开始学习XML了。

简介

XML的全称为可扩展标记语言(eXtensible Markup Language),很多人应该都熟悉HTML(超文本标记语言, HyperText Markup Language)。与HTML一样,XML也是一种标记语言,是一种特殊的文本标记。两者在形式上很相似,比如都有类似这样的符号:字符,作用上也都能用来传输与显示数据。下面是一个简单的XML文档:

<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>

XML与HTML的区别

1.在HTML中不区分大小写,而XML对大小写十分敏感必须严格区分:

<message>This is correct<message>
<Message>This is incorrect</message>

2.在HTML中,有时不严格,如果上下文清楚地显示出段落或者列表在何处结尾,那么就可以省略</p>或者</li>之类的结束标签:

<p>This is a paragraph.

<li>HTML
<li>XML

而在XML中,省略关闭标签是非法的,所有元素都必须有关闭标签。而像<br />这种拥有单个标签而没有匹配的结束标签的必须用一个/字符作为结尾:

<p>This is a paragraph.</p>
<br />

3.在HTML中,常会看到没有正确嵌套的元素:

<b><i>This text is bold and italic</b></i>

在XML中,所有元素都必须彼此正确地嵌套:

<b><i>This text is bold and italic</i></b>

PS:元素是指从(且包括)开始标签直到(且包括)结束标签的部分。

以上面的代码为例,正确嵌套的即为由于<i>元素是在<b>元素内打开的,那么它必须在<b>元素内关闭

4.在HTML中,引导属性值的引号是可用可不用的。在XML中,属性值必须被引号包围:

<note date="12/11/2007">
<to>Tove</to>
<from>Jani</from>
</note>

5.HTML会把多个连续的空格字符合并为一个。在XML中,文档中的空格不会被删减。

6.XML文档形成一种树结构。XML 文档必须有一个元素是所有其他元素的父元素,该元素称为根元素。下面的代码形成一种树结构:

<root>
<child>
<subchild>.....</subchild>
</child>
</root>

7.HTML使用固有的标签,而且都是预定义的。常见的标签有:

  • 基本标签:<html><head><body>
  • 文本标签:<font><p>
  • 列表标签:<ol><ul><li>
  • 表格标签:<table><tr><td>

此外还有<img>(插入图像标签)、<a>(超链接标签)、<form>(表单标签)等。
XML中并没有固有的标签,所有的标签都是自定义的而且可扩展的(这也印证了XML名称中的extensible)。以上文简介中的代码为例:

<note>
<to>Tove</to>
<from>Jani</from>
<heading
  • 7
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 9
    评论
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ChrisP3616

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值