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

用浏览器打开如下:

XmlDemo.png

基本语法

  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>
    

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

    XmlDemoError01.png

  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. 然后这个时候再用浏览器打开该实例文件

    XmlDemo02.png

标签

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. 用浏览器打开,查看效果如下:

      XmlDemo03.png

    3. 使用CDATA区:

      <?xml version='1.0'?>
      <coder>
          <code>
              <![CDATA[
                  if (a > b && b >c) {
                      a = c;
                  }
              ]]>
          </code>
      </coder>
      
    4. 用浏览器打开,查看效果如下:

      XmlDemo04.png

  4. 例子说明

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

Good Good Write Bug, Day Day Up
原文地址:https://www.cnblogs.com/liyihua/p/14477541.html