《HTML及XML基础.ppt》由会员分享，可在线阅读，更多相关《HTML及XML基础.ppt（59页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology第第2章章 HTML及及XML基础基础2.1 标记语言的发展历程标记语言的发展历程2.2 超文本标记语言超文本标记语言HTML2.3 扩展标记语言扩展标记语言XML2.4 小结小结2.5 思考题思考题河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.1 标记语言的发展历程标
2、记语言的发展历程2.1.1 SGML2.1.2 HTML2.1.3 XHTML2.1.4 XML2.1.5 DHTML2.1.6 SHTML河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.1.1 SGMLw SGML(Standard Generalized Markup Language，标准通用标记语言，标准通用标记语言)，即标准，即标准通用标记语言，它是一项强大和灵活的技通用标记语言，它是一项强大和灵活的技术，但同时也不可避免地会带来较大的复术，但
3、同时也不可避免地会带来较大的复杂性和处理开销。杂性和处理开销。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.1.2 HTMLw SGML定义了许多不同类型的文档，定义了许多不同类型的文档，HTML即超文本标记语言（即超文本标记语言（Hypertext Markup Language）是定义了超文本文档）是定义了超文本文档的的SGML的子集。人们习惯使用术语的子集。人们习惯使用术语HTML表示超文本文档本身（属于一种特表示超文本文档本身（属于一种特殊类型
4、的殊类型的SGML文档）和用以产生超文本文档）和用以产生超文本文档的标记语言。用文档的标记语言。用HTML编写的超文本编写的超文本文档称为文档称为HTML文档，它能独立于各种操文档，它能独立于各种操作系统平台（如作系统平台（如UNIX、Windows等）。等）。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.1.3 XHTMLwXHTML(Extensible HyperText Markup Language，可扩展超文本标，可扩展超文本标记语言记语言
5、)是一种增强了的是一种增强了的HTML，它，它的可扩展性和灵活性将适应未来网络的可扩展性和灵活性将适应未来网络应用更多的需求。应用更多的需求。 河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.1.4 XMLw XML是是Extensible Markup Language的缩的缩写，意为可扩展的标记语言。写，意为可扩展的标记语言。XML并不并不是一种新语言，是一种新语言， 它是它是SGML的一个子集，的一个子集， SGML是一种非常通用的标记语言。是一种
6、非常通用的标记语言。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.1.5 DHTMLw 动态动态HTML(Dynamic HTML，简称，简称DHTML)，其实并不是一门新的语言，它，其实并不是一门新的语言，它只是只是HTML、CSS和客户端脚本的一种集和客户端脚本的一种集成，即一个页面中包括成，即一个页面中包括HTML+CSS+JavaScript（或其他客户端（或其他客户端脚本），其中脚本），其中CSS和客户端脚本是直接在和客户端脚本是直接在页面上
7、写而不是链接上相关文件。页面上写而不是链接上相关文件。 河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.1.6 SHTMLw SHTML是是Server HTML即服务器端的即服务器端的HTML，当浏览网站时激活服务器上的，当浏览网站时激活服务器上的C G I 脚 本 程 序 而 动 态 的 自 动 生 成 。脚 本 程 序 而 动 态 的 自 动 生 成 。SHTML是一种用于是一种用于SSI技术的文件。技术的文件。 河南工业大学信息科学与工程学院河南
8、工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2 超文本标记语言超文本标记语言HTML2.2.1 HTML文件的页面结构文件的页面结构2.2.2 HTML的基本标签的基本标签2.2.3 超链接超链接2.2.4 列表列表2.2.5 表格表格2.2.6 表单表单2.2.7 框架框架2.2.8 图像图像2.2.9 文本格式及其他文本格式及其他2.2.10 修饰字体修饰字体2.2.11 网页设计（网页设计（HTML）河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术
9、基础Informational school, Henan University of Technology2.2.1 HTML文件的页面结构文件的页面结构w 一个一个HTML文档是由一系列的元素和标文档是由一系列的元素和标签组成，元素名不区分大小写，签组成，元素名不区分大小写，HTML用用标签来规定元素的属性和它在文件中的位标签来规定元素的属性和它在文件中的位置，置，HTML超文本文档分文档头和文档体超文本文档分文档头和文档体两部分，在文档头中，对这个文档进行了两部分，在文档头中，对这个文档进行了一些必要的定义，文档体中才是要显示的一些必要的定义，文档体中才是要显示的各种文档信息。各种文档信
10、息。 河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.1 HTML文件的页面结构文件的页面结构w 下面是一个最基本的下面是一个最基本的html文档的代码：文档的代码：w 用记事本编写如下代码。用记事本编写如下代码。w w w 一个简单的一个简单的HTML示例示例 w w w 欢迎光临我的主页欢迎光临我的主页 w w w w 这是我第一次做主页这是我第一次做主页 w w w w 河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用
11、技术基础Informational school, Henan University of Technology2.2.2 HTML的基本标签的基本标签w HTML基本标签包括：基本标签包括：w （1）w （2）w （3）和和 w （4） 河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.3 超链接超链接w 建立一个超链接代码如下：建立一个超链接代码如下：w w w w 这是一个链接这是一个链接w w w 河河南工业大学南工业大学 信息学院站点链接信息
12、学院站点链接w w w w 上面这个示例说明了如何在上面这个示例说明了如何在HTML文件里创建超链接。文件里创建超链接。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.3 超链接超链接w 建立一个将一个图片作为一个超链接代码如下：建立一个将一个图片作为一个超链接代码如下：w w w w 将一张图片作为一个链接，点击图片。将一张图片作为一个链接，点击图片。w w w w w 这个示例说明了如何将一个图片作为一个超链接，即点这个示例说明了如何将一个图片作
13、为一个超链接，即点击一个图片，可以连接到其他文件。击一个图片，可以连接到其他文件。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.3 超链接超链接w 下面首先来介绍一下下面首先来介绍一下a用法。用法。a是是anchor的的缩写，缩写，可以指向任何一个文件源、一可以指向任何一个文件源、一个个HTML网页、一个图片、一个影视文件网页、一个图片、一个影视文件等。用法如下：等。用法如下：w 链接的显示文字链接的显示文字 w 点击点击当中的内容，即可打开一个当
14、中的内容，即可打开一个链接文件。链接文件。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.3 超链接超链接w 其属性包括：其属性包括：w href属性：指明链接文件的路径。属性：指明链接文件的路径。w target属性：可以在一个新窗口里打开链属性：可以在一个新窗口里打开链接文件。接文件。w title 属性：可以让鼠标悬停在超链接上的属性：可以让鼠标悬停在超链接上的时候，显示该超链接的文字注释。时候，显示该超链接的文字注释。w name属性：可以跳
15、转到一个文件的指定属性：可以跳转到一个文件的指定部位。部位。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.4 列表列表w H T M L 有有 3 种 列 表 形 式 ： 排 序 列 表种 列 表 形 式 ： 排 序 列 表(Ordered List)、不排序列表、不排序列表(Unordered List)、定义列表、定义列表(Definition List)。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Inf
16、ormational school, Henan University of Technology2.2.5 表格表格w HTML中用中用标记表格。一个表格标记表格。一个表格可以分成很多行可以分成很多行(row)，用，用表示；每表示；每行又可以分成很多单元格行又可以分成很多单元格(cell)，用，用表表示。示。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.5 表格表格w例例2.8：显示表格：显示表格wwww表格所用到的标签：整个表格开始要用表格所用
17、到的标签：整个表格开始要用table；每一行开始要用；每一行开始要用tr；每一单元格开始要用每一单元格开始要用td。ww只有一行只有一行(Row)一列一列(Column)的表格的表格www100www一行三列的表格一行三列的表格ww河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.5 表格表格w100w200w300www两行三列的表格两行三列的表格www100w200w300www400w500w600wwww河南工业大学信息科学与工程学院河南工业大
18、学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.5 表格表格w 不显示边界的表格不显示边界的表格 w 标记中在标记中在border在缺省情况下，表在缺省情况下，表格是没有边界的。或将表格的格是没有边界的。或将表格的Border设为设为0，也不显示边界。，也不显示边界。 w 显示边界的表格显示边界的表格w 要显示表格的边界，可使用要显示表格的边界，可使用border这个属这个属性。可以将表格的边界值设为性。可以将表格的边界值设为1，2，3，。边界将由细往粗变化。边界将由细往粗变化。 河南工业
19、大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.5 表格表格w 有表头的表格有表头的表格w 表头用表头用来表示，表头的字是粗体显示来表示，表头的字是粗体显示的。的。w 空的单元格空的单元格w 如果表格的单元格如果表格的单元格之间没有内之间没有内容，那么这个单元格的边界是不会被显示容，那么这个单元格的边界是不会被显示出来的，尽管整个表格已设置边界值。要出来的，尽管整个表格已设置边界值。要显示这个单元格的边界，可以插入一个显示这个单元格的边界，可以插入一个&nb
20、sp;空格符。空格符。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.5 表格表格w 有标题的表格有标题的表格w 标题用标题用w 表格标题表格标题来表示。来表示。w 包含多列或多行的单元格包含多列或多行的单元格w 用用colpsan属性，设置包含多列的单元格属性，设置包含多列的单元格 w 这个属性，设置包含多行的单元格这个属性，设置包含多行的单元格 河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informatio
21、nal school, Henan University of Technology2.2.5 表格表格w 单元格中的内容单元格中的内容w 单元格的内容可以是文字、图片、超链接、单元格的内容可以是文字、图片、超链接、Form、表格等。、表格等。w 单元格内容与单元格边界之间的距离单元格内容与单元格边界之间的距离w 设置设置cellpadding属性，可以改变单元格内属性，可以改变单元格内容和单元格边界之间的距离。容和单元格边界之间的距离。w 单元格之间的距离单元格之间的距离w Cellspacing属性表示表格中单元格之间的属性表示表格中单元格之间的距离。距离。河南工业大学信息科学与工程学院河
22、南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.5 表格表格w 设置表格的背景颜色和背景图片设置表格的背景颜色和背景图片 w 用用bgcolor属性设置表格的背景颜色，用属性设置表格的背景颜色，用background属性为表格添加背景图片。属性为表格添加背景图片。w 设置单元格的背景颜色和背景图片设置单元格的背景颜色和背景图片w 用用bgcolor属性设置单元格的背景颜色，属性设置单元格的背景颜色，用用background属性为单元格添加背景图片。属性为单元格添加背景图片。w 单元
23、格内容的对齐方式单元格内容的对齐方式w 用用align属性设置单元格的对齐方式。属性设置单元格的对齐方式。 河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.6 表单表单w HTML中的中的Form表单是表单是HTML的一个重的一个重要部分，主要用于采集和提交用户输入的要部分，主要用于采集和提交用户输入的信息。信息。w 举个简单的例子，一个让用户输入姓名的举个简单的例子，一个让用户输入姓名的表单。表单。河南工业大学信息科学与工程学院河南工业大学信息科学
24、与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.6 表单表单w 例：例：w w 请输入你的姓名：请输入你的姓名：w w w 河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.6 表单表单w 完整代码如下所示：完整代码如下所示：w w 输入用户姓名输入用户姓名w w w 请输入你的姓名：请输入你的姓名：w w w w w 河南工业大学信息科学与工程学院河南工业
25、大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.6 表单表单w 学习学习HTML表单最关键要掌握的有表单最关键要掌握的有3个要点：个要点：w （1）表单控件）表单控件(Form Controls) w 先说表单控件先说表单控件(Form Controls)，通过表单的各，通过表单的各种控件，用户可以输入文字信息，或者从选项种控件，用户可以输入文字信息，或者从选项中选择，以及做提交的操作。例如上面的例句中选择，以及做提交的操作。例如上面的例句里，里，input type= text就是一个
26、表单控件，表就是一个表单控件，表示一个单行输入框。用户填入表单的信息总是示一个单行输入框。用户填入表单的信息总是需要程序来进行处理。需要程序来进行处理。w （2）表单里的）表单里的action就指明了处理表单信息的就指明了处理表单信息的文件。例如上面例句里的文件。例如上面例句里的action=http:/ yourname.asp。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.6 表单表单w （3） 表单里的表单里的method，表示了发送表单信息
27、，表示了发送表单信息的方式。的方式。method有两个值：有两个值：get和和post。get的方的方式是将表单控件的式是将表单控件的name/value信息经过编码之信息经过编码之后，通过后，通过URL发送发送(你可以在地址栏中看到你可以在地址栏中看到)。而。而post则将表单的内容通过则将表单的内容通过http发送，你在地址栏发送，你在地址栏看不到表看不到表单的提交信息。那什么时候用单的提交信息。那什么时候用get，什么时候用什么时候用post呢？一般是这样来判断的，如果呢？一般是这样来判断的，如果只是为取得和显示数据，用只是为取得和显示数据，用get；一旦涉及数据；一旦涉及数据的保存和更
28、新，那么建议用的保存和更新，那么建议用post。表单常用控件。表单常用控件(Controls)如表如表2-1所示。所示。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.6 表单表单表单控件表单控件(Form Controls) 说明说明input type=text 单行文本输入框单行文本输入框input type=submit 将表单将表单(Form)中的信息提交给表单里中的信息提交给表单里action所指向的文件所指向的文件input type=
29、checkbox 复选框复选框input type=radio 单选框单选框select 下拉框下拉框textArea 多行文本输入框多行文本输入框input type=password 密码输入框密码输入框(输入的文字用输入的文字用*表示表示)表表2-1 表单表单(Form)常用控件常用控件河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.7 框架框架w 使用框架使用框架(Frame)，可以在浏览器窗口同，可以在浏览器窗口同时显示多个网页。每个时显示
30、多个网页。每个Frame中设定一个中设定一个网页，每个网页，每个Frame中的网页相互独立。下中的网页相互独立。下面进行详细介绍。面进行详细介绍。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.7 框架框架w （1）Framesetw 决定如何划分决定如何划分Frame。有有cols属性和属性和rows属属性。使用性。使用cols属性，表示按列分布属性，表示按列分布Frame；使用使用rows属性，表示按行分布属性，表示按行分布Frame。河南工业大
31、学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.7 框架框架w （2）Framew 用用这个标签设定网页。这个标签设定网页。里有里有src属性，属性，src值就是网页的路径和文值就是网页的路径和文件名。件名。w （3）Iframew Iframe是是Inline Frame的意思，用的意思，用可以将可以将Frame置于一个置于一个HTML文件内。文件内。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational
32、 school, Henan University of Technology2.2.8 图像图像w 用用 这个标签可以在这个标签可以在HTML里面插里面插入图片。最基本的语法如下：入图片。最基本的语法如下： w url表示图片的路径和文件名。例如表示图片的路径和文件名。例如 url 可可以是以是 images/logo/blabla_logo01.gif，也可，也可以是个相对路径以是个相对路径 ./images/logo/blabla_logo01.gif。 河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Hena
33、n University of Technology2.2.8 图像图像w 图像标签的属性如下：图像标签的属性如下：w （1） alt属性属性w 英文叫英文叫alternate text。例句如下：。例句如下：w w （2）align属性属性w 可以改变图片的垂直可以改变图片的垂直(居上、居中、居下居上、居中、居下)对齐方对齐方式和水平对齐方式式和水平对齐方式(居左、居中、居右居左、居中、居右)。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.8 图
34、像图像w （3）height和和width属性属性w 在默认状况下，图片显示原有的大小。在默认状况下，图片显示原有的大小。用用height和和width属性改变图片的大小。属性改变图片的大小。不过图片的大小一旦被改变，图片会相不过图片的大小一旦被改变，图片会相应放大或缩小，显示出来的结果可能会应放大或缩小，显示出来的结果可能会极不美观。极不美观。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.9 文本格式及其他文本格式及其他w 1. 文本格式文本格式
35、w HTML定义了一些文本格式的标签，例如定义了一些文本格式的标签，例如可以将字体变成粗体或斜体。从下面的示可以将字体变成粗体或斜体。从下面的示例，可以了解各种文本格式标签如何改变例，可以了解各种文本格式标签如何改变HTML文本的显示。文本的显示。w 常用文本格式标签如表常用文本格式标签如表2-2所示。所示。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.9 文本格式及其他文本格式及其他标签标签说明说明 粗体粗体bold 斜体斜体italic 文字当
36、中划线表示删除文字当中划线表示删除文字下划线表示插入文字下划线表示插入 下标下标 上标上标 缩进表示引用缩进表示引用 保留空格和换行保留空格和换行 表示计算机代码、等宽字体表示计算机代码、等宽字体 表表2-2 文本格式标签说明文本格式标签说明河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.10 修饰字体修饰字体w 在在HTML中，可以用中，可以用font这个元素及其属这个元素及其属性来设定字体的大小，颜色和字体风格。性来设定字体的大小，颜色和字体风格
37、。w 字体大小用字体大小属性字体大小用字体大小属性(size)来设定字来设定字体的大小。体的大小。 河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.2.11 网页设计（网页设计（HTML）w 学习完上面学习完上面HTML标记的基础知识之后，标记的基础知识之后，通过一个实际例子的制作（个人主页），通过一个实际例子的制作（个人主页），依次掌握标签、字标题标签、文本、链接、依次掌握标签、字标题标签、文本、链接、图片、表格等各类图片、表格等各类HTML标记的使用
38、；在标记的使用；在学习过程中能够理论与实际相结合，提高学习过程中能够理论与实际相结合，提高教学效果。教学效果。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.3 扩展标记语言扩展标记语言XML2.3.1 XML基础基础2.3.2 XML文档类型定义文档类型定义2.3.3 XML数据的底层结构数据的底层结构2.3.4 XML文件的设计文件的设计2.3.5 XML与与Java2.3.6 XML与与.NET2.3.7 XML应用实例应用实例河南工业大学信息科学
39、与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.3.1 XML基础基础w XML概念说明：概念说明：w 1. XML并不是标记语言并不是标记语言w 它只是用来创造标记语言（如它只是用来创造标记语言（如HTML）的元语言。）的元语言。XML和和HTML是不一样的，它的用途比是不一样的，它的用途比HTML广泛得广泛得多，后面章节会仔细介绍。多，后面章节会仔细介绍。w 2. XML并不是并不是HTML的替代产品的替代产品w XML不是不是HTML的升级，它只是的升级，它只是HTM
40、L的补充，为的补充，为HTML扩展更多功能。今后将在较长的一段时间里继续扩展更多功能。今后将在较长的一段时间里继续使用使用HTML。w 3. 不能用不能用XML来直接写网页来直接写网页w 即便是包含了即便是包含了XML数据，依然要转换成数据，依然要转换成HTML格式才格式才能在浏览器上显示。下面是一段能在浏览器上显示。下面是一段XML示例文档，用来示例文档，用来表示本文的信息：表示本文的信息：河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.3.2 XML
41、文档类型定义文档类型定义w XML作为一门标记语言，它就需要一种作为一门标记语言，它就需要一种文档（即文档类型定义文档（即文档类型定义DTD）来定义，）来定义，DTD可以看作是一类可以看作是一类XML文档的模板。文档的模板。它定义了文档的逻辑结构，规定了它定义了文档的逻辑结构，规定了XML文档中所使用的元素，实体，元素的属性，文档中所使用的元素，实体，元素的属性，元素与实体之间的关系。它使得数据交流元素与实体之间的关系。它使得数据交流与共享得以正常进行，验证了数据的有效与共享得以正常进行，验证了数据的有效性。性。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础
42、Informational school, Henan University of Technology2.3.3 XML数据的底层结构数据的底层结构w XML文档用于存储数据，文档用于存储数据，Schema或或DTD用于验证数据的，也就是结构化数据，用于验证数据的，也就是结构化数据，DOM是文档对象模型，作用是向是文档对象模型，作用是向XML文文档中插入数据，而档中插入数据，而XSLT则负责数据的显则负责数据的显示。示。w 1. XML数据的底层结构数据的底层结构DTDw 2. XML数据的底层结构之数据的底层结构之Schemaw 3. Schema和和DTD的区别的区别河南工业大学信息科学
43、与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.3.4 XML文件的设计文件的设计w XML文档的生成步骤如下：文档的生成步骤如下：w （1）确定各种元素。）确定各种元素。w （2）根据各元素之间的关系生成结构树。）根据各元素之间的关系生成结构树。w （3）根据结构树生成）根据结构树生成XML Schema。w （4）XML文档的生成。文档的生成。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, H
44、enan University of Technology2.3.4 XML文件的设计文件的设计w 命名空间是命名空间是W3C推荐标准提供的一种统推荐标准提供的一种统一命名一命名XML文档中的元素和属性的机制。文档中的元素和属性的机制。使用命名空间可以明确标识和组合使用命名空间可以明确标识和组合XML文档中来自不同标记词汇表的元素和属性，文档中来自不同标记词汇表的元素和属性，避免了名称之间冲突而带来的问题。命名避免了名称之间冲突而带来的问题。命名空间声明的一般形式如图空间声明的一般形式如图2-1所示。所示。 河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础In
45、formational school, Henan University of Technology2.3.4 XML文件的设计文件的设计x xm ml ln ns s:n na am me e= =“U UR RI I”(1)(2)(3)(4)(5)(4)如如：xmlns:river=”http:/ 图图 2-1 命名空间声明命名空间声明 河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.3.4 XML文件的设计文件的设计w 需要注意的是，命名空间的前缀
46、不能称为需要注意的是，命名空间的前缀不能称为“xml”，因为在，因为在XML中这个字符串是保中这个字符串是保留作特殊用途的，如留作特殊用途的，如xml:space。另外。另外。还可以隐式声明命名空间，即省略掉冒号还可以隐式声明命名空间，即省略掉冒号和命名空间前缀，如图和命名空间前缀，如图2-2所示。所示。 河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.3.4 XML文件的设计文件的设计x xm ml ln ns s= =“U UR RI I”(1)(3
47、)(4)(5)(4)如如：xmlns=”http:/ 命名空间声明命名空间声明河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.3.5 XML与与Javaw XML和和Java对对Internet都是很友好的，它都是很友好的，它们内部都对们内部都对Internet进行了特别的优化。进行了特别的优化。XML在设计之初，就是向着一种能够在在设计之初，就是向着一种能够在Internet上自由传播的优化的，有弹性的，上自由传播的优化的，有弹性的，易于阅读的格式这样
48、一个目标设计的。易于阅读的格式这样一个目标设计的。Java中更是内建了与诸多网络相关的类库，中更是内建了与诸多网络相关的类库，能够很好的支持能够很好的支持sockets、HTTP、HTML等网络协议。它们两者都支持等网络协议。它们两者都支持Unicode，因而开发出来的应用也很容易进行国际化。因而开发出来的应用也很容易进行国际化。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.3.5 XML与与Javaw Java为程序员提供了表达复杂数据结构以为程序员
49、提供了表达复杂数据结构以及面向对象的建模方法，而及面向对象的建模方法，而XML在这方在这方面也是一个比较理想的工具。虽然面也是一个比较理想的工具。虽然XML出现不是很久，但现在支持出现不是很久，但现在支持XML的工具的工具越来越多，从编写越来越多，从编写XML到到XML的的Paser解解析器一应俱全，这也为析器一应俱全，这也为XML的发展奠定的发展奠定的很好的基础。的很好的基础。河南工业大学信息科学与工程学院河南工业大学信息科学与工程学院Web开发实用技术基础Informational school, Henan University of Technology2.3.6 XML与与.NETw
50、 要想理解要想理解.NET，就需要理解，就需要理解XML。像我们在自。像我们在自己 的 交 流 中 所 说 和 写 的 语 言 一 样 ，己 的 交 流 中 所 说 和 写 的 语 言 一 样 ， X M L（EXtensible Markup Language，可扩展标记，可扩展标记语言），是语言），是.NET的基础。的基础。XML是是.NET的灵魂，的灵魂，是所有是所有.NET现在和将来的基础。数据库将通过现在和将来的基础。数据库将通过XML中的纪录集来读写，中的纪录集来读写，Web浏览器将接受浏览器将接受XML并将其和伴随它的样式表一起显示，并将其和伴随它的样式表一起显示，Visual