XML 的学习笔记1

XML 概念

xml简述

XML 是 Extensible Markup Language 的简写，是一门可扩展标记语言，结构清晰。

可扩展

XML 的标签都是自定义的，不同于html的标签，html的标签是预定义的。如下，标签都是自定义的，想写啥标签就写啥标签：

<user>
<student>

功能

xml 的功能是存储数据

1. 配置文件
2. 网络中传输

xml与html的区别

1. xml标签都是自定义的，html标签是预定义。
2. xml的语法严格，html语法松散
3. xml是存储数据的，html是展示数据

xml 的语法

实例引入

<?xml version='1.0'?>
<users>

    <user id='1'>
        <name>Lee Hua</name>
        <age>21</age>
        <gender>male</gender>
    </user>

    <user id='2'>
        <name>Rainbow</name>
        <age>20</age>
        <gender>female</gender>
    </user>

</users>

这里存储的是两个用户的信息，如：

用户姓名：Lee Hua
用户年龄：21
用户性别：male

用浏览器打开如下：

基本语法

1. xml文档的后缀名 .xml

2. xml第一行必须定义为文档声明

   假如第一行不是文档声明，如上面实例引入中的例子，改为第一行不是文档声明：

   <?xml version='1.0'?>
   <users>
   
       <user id='1'>
           <name>Lee Hua</name>
           <age>21</age>
           <gender>male</gender>
       </user>
   
       <user id='2'>
           <name>Rainbow</name>
           <age>20</age>
           <gender>female</gender>
       </user>
   
   </users>
   

   这个时候用浏览器打开报错：

   

3. xml文档中有且仅有一个根标签，否则会报错，就像XmlDemoError01.png中的类似。如上面实例中的标签。

4. 属性值必须使用引号(单双都可)引起来，否则会报错，就像XmlDemoError01.png中的类似。如上面实例中的id='1'、id='2'。

5. 标签必须正确关闭，否则会报错，就像XmlDemoError01.png中的类似。

6. xml标签名称区分大小写

组成部分

文档声明

1. 格式：
2. 属性列表：
   • version：版本号，必须的属性
   • encoding：编码方式。告知解析引擎当前文档使用的字符集，默认值：ISO-8859-1
   • standalone：是否独立
     • 取值：yes（不依赖其他文件）、no（依赖其他文件）

指令：结合css的

这个了解即可，因为XML主要是用来存储数据的，展示数据就交给HTML吧！！！

如上面实例引入中：

1. 定义css

   name{
       color: coral;
   }
   

2. 在文档声明下添加如下内容

   <?xml-stylesheet type="text/css" href="a.css" ?>
   

3. 然后这个时候再用浏览器打开该实例文件

   

标签

XML 的标签是自定义的，不过也有一定的书写规则。

1. 名称可以包含字母、数字以及其他的字符
2. 名称不能以数字或者标点符号开始
3. 名称不能以字母 xml（或者 XML、Xml 等等）开始
4. 名称不能包含空格

属性

XML 的标签属性是唯一的，要知道我们使用它来存储数据的，通常我们是通过标签的属性值来找到我们需要的数据的，所以我们在定义标签属性的时候要注意标签属性的唯一。

文本

1. CDATA区：在该区域中的数据会被原样展示。

2. 使用格式：

   <![CDATA[ 数据 ]]>
   

3. 举例如：

   1. 不使用CDATA区：

      <?xml version='1.0'?>
      <coder>
          <code>
              if (a > b && b >c) {
                  a = c;
              }
          </code>
      </coder>
      

   2. 用浏览器打开，查看效果如下：

      

   3. 使用CDATA区：

      <?xml version='1.0'?>
      <coder>
          <code>
              <![CDATA[
                  if (a > b && b >c) {
                      a = c;
                  }
              ]]>
          </code>
      </coder>
      

   4. 用浏览器打开，查看效果如下：

      

4. 例子说明

   我们代码区域使用了"&&"符号，所以我们必须对其进行转义，或者把这段代码写入CDATA区。