java基础70 负责静态的网页制作语言XML（网页知识）

HTML：负责网页结构的
CSS：负责网页的样式(美观)
JavaScript：负责客户(浏览器)端与用户进行交互

1、HTML语言的特点

    1.由标签组成
    2.语法结构松散
    3.大小写不区分
    4.结束标签与开始标签不一定匹配 

2、XML语言的特点

xml文件是以xml后缀结尾
xml文件需要使用xml解析器去解析.浏览器内置了xml解析器

语法：<student>student</student> 开始标签 标签内容 结束标签
    1.xml标签区分大小写.
    2.xml标签一定要正确的配对
    3.不能以数字开头
    4.xml标签中间不能有空格

3、HTML和XML的区别

4、XML的属性

    1.属性值必须用引号包含,不能省略,也不能单双混用!!!
    2.一个标签内可以有多个属性,但是不能出现重复的属性名!!!

5、特殊字符（转义字符）

　　<         &lt;
　　>         &gt;
　　"         &quot;
　　空格       &nbsp;

6、实例

例1：

1 <?xml version="1.0" encoding="utf-8"?><!-- 指定编码形式 -->
2
3 <!-- CDATA块：作用是，将该块中的内容以文本的形式显示出来
4
5     特殊字符（转义字符）:
6     　　<         &lt;
7 　　    >         &gt;
8 　　    "         &quot;
9 　　    空格       &nbsp;
10 -->
11 <contactList>
12     <contact>
13         <num>007</num>
14         <name>张三</name>
15         <age>500</age>
16         <phone>18164109591</phone>
17         <email>872855221@qq.com</email>
18         <QQ>872855221</QQ>
19     </contact>
20     <contact>
21         <![CDATA[
22         <num>008</num>
23         <name>李四</name>
24         <age>18</age>
25         <phone>13884109591</phone>
26         <email>152755221@qq.com</email>
27         <QQ>152755221</QQ>
28         ]]>
29     </contact>
30         &lt;p&gt;hello&lt;/p&gt;
31 </contactList>

例1结果图

例2：

1 <?xml version="1.0" encoding="utf-8"?><!-- 指定编码形式 -->
2 <?xml-stylesheet type="text/css" href="contacts.css"?> <!-- 作用：在浏览器中显示时，只显示标签中的内容，不显示标签。后面href中的内容是用来调样式的css文件 -->
3 <!--
4 需求:通讯录系统
5     联系人数据：编号,(唯一) 姓名  年龄 电话 邮箱  QQ
6     要求：
7         1.设计一个xml文件,用于存储联系人信息数据
8         2.这个xml文件是可以存储多个联系人的
9 -->
10
11 <contactList>
12     <contact>
13         <num>007</num>
14         <name>张三</name>
15         <age>500</age>
16         <phone>18164109591</phone>
17         <email>872855221@qq.com</email>
18         <QQ>872855221</QQ>
19     </contact>
20     <contact>
21         <num>008</num>
22         <name>李四</name>
23         <age>18</age>
24         <phone>13884109591</phone>
25         <email>152755221@qq.com</email>
26         <QQ>152755221</QQ>
27     </contact>
28         &lt;p&gt;hello&lt;/p&gt;
29 </contactList>

contacs.css文件

例2结果图