一、说明
- XML(eXtended Markup Language,可扩展的标记性语言)被设计用来定义结构、传输和存储数据,不用于表现和展示数据,目的是数据的内容
- HTML中的元素都是固定的,以显示数据为主,目的是数据的外观
- XML与HTML类似,都属于标记性的语言,两者都是从SGML(StandardGeneral Markup Language)语言发展而来
二、理解
- XML与HTML的区别
- XML中的实体参照
- XML 中的注释
<!-- This is a comment -->
- XML 语言没有预定义的标签,HTML 中使用的标签都是预定义的
- XML 允许创作者定义自己的标签和自己的文档结构
- XML 中省略关闭标签是非法的,所有元素都必须有关闭标签
- XML 必须包含根元素,它是所有其他元素的父元素
- XML 名称不能包含空格,使名称具有描述性,使用下划线的名称<first_name>、<last_name>
三、实现
1、使用HTML描述数据:
<html> <head> <title>部门简介</title> </head> <body> <ul> <li>XX学院</li> <ul> <li>001</li> <li>大学</li> <li>邮箱</li> <li>电话</li> <li>网址</li> </ul> </ul> </body> </html>
2、使用XML进行数据展示
<?xml version="1.0" encoding="GBK"?> <addresslist> <department> <name>XX学院</name> <id>001</id> <college>大学</college> <mail>邮箱</mail> <tel>电话 </tel> <site>网址</site> </department> </addresslist>
3、使用CSS对XML进行格式化
CSS文件:
name{ display:block ; color:blue ; font-size:20pt ; font-weight:bold ; } id,college,email,tel,site{ display:block ; color:black ; font-size:14pt ; font-weight:normal ; font-style:italic ; }
导入CSS的XML文件:
<?xml version="1.0" encoding="GBK"?> <?xml-stylesheet type="text/css" href="attrib.css"?> <addresslist> <department> <name>XX学院</name> <id>001</id> <college>大学</college> <mail>邮箱</mail> <tel>电话 </tel> <site>网址</site> </department> </addresslist>
4、包含属性的XML文件
- 属性(Attribute)提供有关元素的额外信息,属性值必须被引号包围
<?xml version="1.0" encoding="GBK" standalone="yes"?> <addresslist> <department> <name id="001">XX学院</name> <college>大学</college> </department> </addresslist>