CSS-HTML-JS-XML什么概念及之间的关系
html与xml的区别与联系
html与xml的区别与联系【引⾔】前⼀阵⼦刚刚学习了html(HyperText Markup Language)，最近⼜接触了xml(Extensible Markup Language),它们之间有什么联系和区别呢？现在咱们就来重新认识⼀下。
【什么是html?】html被称为超⽂本标记语⾔，是⼀种描述性语⾔，⽤html 可以创建能在互联⽹上传输的信息页，是构成⽹页⽂档的主要语⾔,它是由很多的标签组成，具有简易性、与平台⽆关性两⼤要点。
html就是描述⽹页长什么样⼦、有什么内容的⼀个⽂本。
我们通常所见得各种各样的⽹页，是经过浏览器解析html ⽂件出现的结果。
在浏览器的⽹页上右击→选择“查看源⽂件”或“查看页⾯源代码”，出现的就是html⽂件，此处以⽕狐浏览器为例：【什么是xml ?】xml 即可扩展标记语⾔，是Internet环境中跨平台的、依赖于内容的技术，是当前处理结构化⽂档信息的有⼒⼯具，满⾜了Web内容发布与交换的需要，适合作为各种存储与共享的通⽤平台。
使⽤xml 标记语⾔可以做到数据或数据结构在任何编程语⾔环境下的共享。
例如我们在某个计算机平台上⽤某种编程语⾔编写了⼀些数据或数据结构，然后⽤xml标记语⾔进⾏处理，那样的话，其他⼈就可以在其他的计算机平台上来访问这些数据或数据结构，甚⾄可以⽤其他的编程语⾔来操作这些数据或数据结构了。
这就是xml标记语⾔作为⼀种数据交换语⾔存在的价值。
xml可以理解为⼀辆没有发动机的车。
xml把所有部件按照⼀定规则集合在⼀起，就等编译器这个发动机去启动这个车。
现在⽤的⽐较多的是配置和数据结构定义。
【html和xml的相同点】html和xml 都是标记语⾔，都是基于⽂本编辑和修改的。
都是⽤于操作系统或数据结构，结构上⼤致相同。
都可以通过DOM 变成⽅式来访问。
都可以通过CSS来改变外观。
【html和xml的不同点】⽐较内容html xml设计⽬标显⽰数据，如何更好地显⽰数据，焦点是数据外观描述数据，什么是数据，如何存放数据，焦点是数据的内容语法不要求标记的嵌套、配对等；不区分⼤⼩写引号是可⽤可不⽤的；可以拥有不带值的属性名；过滤掉空格；严格要求嵌套、配对，并遵循DTD的树形结构；区分⼤⼩写；属性值必须分装在引号中；所有的属性都必须带有相应的值；空⽩部分不会被解析器⾃动删除；xml⽐html 语法要求更严格数据和显⽰的关系内容描述与显⽰⽅式整合为⼀体内容描述与显⽰⽅式分离标签预定义免费、⾃定义、可扩展可读性及可维护性难于阅读、维护结构清晰、便于阅读、维护结构描述不⽀持深层的结构描述⽂件结构嵌套可以复杂到任何程度与数据库的关系没有直接联系与关系型和层状数据库均可对应和转换超链接单⽂件、书签链接可以定义双向链接、多⽬标链接、扩展链接【xml的优势】xml⽂档的内容和结构完全分离在xml⽂档中，数据的显⽰样式已从⽂档中分离出来，⽽被放⼊相关的样式表⽂件中。
Web标准详解
Web标准详解不是某⼀个标准，⽽是⼀系列标准的集合。
⽹页主要由三部分组成：结构（Structure）、表现（Presentation）和⾏为（Behavior）。
结构标准：相当于⼈的⾝体。
html就是⽤来制作⽹页的。
表现标准：相当于⼈的⾐服。
css就是对⽹页进⾏美化的。
⾏为标准：相当于⼈的动作。
JS就是让⽹页动起来，具有⽣命⼒的。
1、Web标准的三个规范(1)结构(Structure)①HTMLHTML英语意思是：Hypertext Marked Language，即超⽂本标记语⾔,使⽤HTML语⾔描述的⽂件，需要通过WWW浏览器显⽰出效果。
是⼀种最为基础的语⾔。
所谓超⽂本，因为它可以加⼊图⽚、声⾳、动画、影视等内容，因为它可以从⼀个⽂件跳转到另⼀个⽂件，与世界各地主机的⽂件连接。
所谓标记，就是它采⽤了⼀系列的指令符号来控制输出的效果，这些指令符号⽤“<标签名字属性>”来表⽰。
②XHTMLXHTML是HTML向XML的过渡语⾔，删除了部分表现层的标签，标准要求提⾼，有严谨的结构，所有标签必须关闭。
如果是单独不成对的标签，在标签最后加⼀个"/"来关闭它。
③XMLXML（eXtensible Markup Language）即可扩展标记语⾔，最初设计的⽬的是弥补HTML的不⾜，以强⼤的扩展性满⾜⽹络信息发布的需要，后来逐渐⽤于⽹络数据的转换和描述。
XML是⼀种简单的数据存储语⾔，使⽤⼀系列简单的标记描述数据，⽽这些标记可以⽤⽅便的⽅式建⽴，虽然XML占⽤的空间⽐⼆进制数据要占⽤更多的空间，但XML极其简单易于掌握和使⽤。
(2)表现(Behaivor)表现标准语⾔主要包括CSS（Cascading Style Sheets）层叠式样式表，通过CSS样式表，W3C创建CSS标准的⽬的是以CSS取代HTML表格式布局、帧和其他表现的语⾔，通过CSS样式可以使页⾯的结构标签更具美感、⽹页外观更加美观。
网页整理
属性>>
border：外边框粗细
bordercolor：边框颜色
bordercolordark：阴影边框颜色
bordercolorlight：亮部边框颜色
bgcolor：背景颜色
background：背景图片，不能用于tr上
rowspan：行合并
eg： font .a; font div;等等
另外还有一种 ":" 连接的选择器
a:link; a:visited; a:hover; a:active 等等
定义选择器的时候可以多个选择器共用一个样式，名字可以写在一起，
>>网页的内容不会发生改变，除非网页设计者修改了网页的内容；静态网页不能实现和浏览网页的用户之间的交互，信息流向是单向的，即从服务器到浏览器，服务器不能根据用户的选择调整返回给用户的内容。
动态网页的后缀为：jsp/asp/php
>>在浏览器端显示的网页服务器端运行程序的结果。
静态和动态的区别是：
网站定位：
>>>>大型商用网站、小型电子商务网站、门户网站、个人主页、科研网站、交流平台、公司和企业介绍性网站、服务性网站。
网站的主要内容：
>>>>综合性网站：对于新闻、邮件、电子商务和论坛都要涉及。要求网页结构紧凑，美观大方。
>>>>侧重某一方面的网站，如书籍网站、游戏网站、音乐网站：对网页美工要求高，使用模板较多，更新网页和数据库较快。
选择器分为>>
1> 类选择器 以"."选择符开头，在标签中使用class引入
网页制作中js是指什么
网页制作中js是指什么〔网页〔制定〕〕代码中js指的是〔java〕script，是一种具有函数优先的轻量级，解释型或即时编译型的高级〔编程〕语言，常用来为网页添加各种各样的动态功能。
JavaScript(简称“JS〞) 是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。
虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式(如函数式编程)风格。
JavaScript是一种属于网络的高级脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各种各样的动态功能，为用户提供更流畅美观的浏览效果。
通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
日常用途：嵌入动态文本于HTML页面;对浏览器事件做出响应;读写HTML元素;在数据被提交到服务器之前验证数据;检测访客的浏览器信息;控制cookies，包括创建和修改等;基于Node.js 技术进行服务器端编程。
2网页代码中css指的是什么层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级准确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
其有以下特点：1、丰富的样式定义CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力;同意为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离;同意随意改变文本的大小写方式、修饰方式以及其他页面效果。
2、易于使用和修改CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。
HTML相关名词解释
一、HTML相关名词解释1、HTMLHTML是超级文本标记语言的简称，是一种规范和标准，它通过标记符号来标记要显示的网页中的各个部分。
网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。
浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。
但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。
2、XML与XHTMLXML 与HTML 很相似，它们都是由标记、属性和值组成的。
但XML 并非一种只用来创建网页的语言，它还是一种用来创建其他语言的语言。
XML 的强大之处在于：用标记标识了数据之后，数据就可以用于其他任务。
XHTML比HTML更加规范化，在大小写、引号、结束标志等细节方面都有严格的规定。
如今数以亿计的网页都是用的HTML编写的，那XHTML 是如何出现的呢?这是因为万维网用XML 重写了HTML，这种新语言具有HTML 的所有特性，使得所有浏览器都能够理解它。
这种语言自于HTML，同时它使用XML的语法，因此它能够获得XML 的所有好处和灵活性，并且为应用CSS 提供了完美的基础。
这种同时具有HTML 和XML 两者优点的语言称为XHTML。
3、HTML和CSS在老版的HTML中将内容、结构和格式化指令组合在一个文档中。
但是这虽然比较简单，却也有很多缺陷，很多功能无法实现。
因此万维网就设计了一个新的系统，这个系统中将格式化指令与内容和结构分开保存，因此可根据需要应用于单一段落或网页，甚至整个网站。
在新的HTML 4 中，万维网标出了大多数格式化元素，以后将从规范中删除。
这些元素被称为“已经废弃了”，不鼓励设计人员使用它们。
同时，他们为格式化指令创建了一个新系统来替代废弃的格式化元素，这个系统称为层叠样式表，这就是CSS。
网页编程技术常用单词(HTML、CSS、JavaScript、jQuery、MySQL、PHP、ActionScript、XML、AJAX)
HTML（Hyper Text Markup Language超文本标记语言）是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。
HTML文本是由HTML 命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。
HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
CSS（Cascading Style Sheet层叠式样式表）目前推荐遵循的是W3C于1998年5月12日推出的CSS2。
CSS标准建立的目的是以CSS 进行网页布局，控制网页的表现。
CSS标准布局与XHTML结构语言相结合，可以实现表现与结构相分离，提高网站的使用性和可维护性。
<!--[if IE]> Only IE<![endif]--><!--[if !IE]><!--> Only !IE<!--<![endif]-->JavaScriptJavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。
同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。
jQueryjQuery是继Prototype之后又一个优秀的JavaScript框架。
它是轻量级的JS库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。
jQuery使用户能更方便地处理HTML DOCUMENTS、EVENTS、实现动画效果，并且方便地为网站提供AJAX交互。
jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。
jQuery能够使用户的HTML 页保持代码和HTML内容分离，也就是说，不用再在HTML里面插入一堆JS来调用命令了，只需定义ID即可。
HTML知识
HTML知识第3章 HTML相关技术基础知识纵观各种动态页⾯开发技术，⽆论是JSP、ASP还是PHP都⽆法摆脱HTML的影⼦。
这些动态的页⾯开发技术⽆⾮是在静态HTML页⾯的基础上添加了动态的可以交互的内容。
HTML是所有动态页⾯开发技术的基础。
在接下来的章节将要详细介绍的就是HTML相关的⼀系列技术，包括HTML、JavaScript和CSS。
其中HTML是⼀组标签，负责⽹页的基本表现形式；JavaScript是在客户端浏览器运⾏的语⾔，负责在客户端与⽤户的互动；CSS是⼀个样式表，起到美化整个页⾯的功能。
本书不是详细介绍HTML的专著，在本章也只是讲解Web开发中最常见的HTML知识，⽬的在于使读者能尽快进⼊Web开发的状态。
如果读者有更深层次的需求可以参考专门讲解HTML的书籍。
3.1 HTML 基础知识在各种Web开发技术中，HTML⽆疑是最为基础的。
任何动态语⾔都离不开HTML的⽀持。
所以在开始Web开发的学习之前，读者还是需要静下⼼来打好这个基础。
在这个章节中将会概述HTML的框架知识。
3.1.1 什么是HTMLHTML（Hyper Text Markup Language）即超⽂本标记语⾔，⽤来描述Web⽂档数据。
⽤户可以通过URL链接来访问这种Web⽂档，从⽽达到信息展⽰、信息共享的⽬的。
下⾯就是⼀个简单的HTML ⽂档的例⼦。
//--------⽂件名：First.html-------------------欢迎光临！这是我的第⼀个HTML⽂档。
在这个HTML⽂档中，可以看出HTML的简单结构，每个HTML⽂档都包括⼀对标签，这是所有HTML⽂档所必需的。
在这个标签中间还包括着其他两对、，其中在中是HTML⽂档的头信息，包括标题、关键字、页⾯编码格式、引⼊的CSS或者是JavaScript⽂件的路径等基本信息。
在中间放置的是⽂档要表述展⽰的内容，在上⾯这个例⼦中我们要展⽰的仅仅是“欢迎光临！这是我的第⼀个HTML⽂档。
第3章 HTML基本概念
3.1 元素
3）<html> 元素：<html><body><p>这是第一个段落。</p></body></html><html> 元素定义了整个 HTML 文档。这个元素拥有一个开始标签 <html> ，以及一个结束标签 </html>。元素内容是另一个 HTML 元素（body 元素）。
3.1.3 元素使用实例解析
3.1.3 元素使用实例解析
3.1 元素
2）<body> 元素：<body><p>这是第一个段落。</p></body><body> 元素定义了 HTML 文档的主体。这个元素拥有一个开始标签 <body> 以及一个结束标签 </body>。元素内容是另一个 HTML 元素（p 元素）。
3.1.3 元素使用实例解析
3.2.1 属性语法
3.2 属性
3.2.2 常见属性
属性
意义
align=left
左对齐(缺省值)
width=像素值或百分比,对象宽度.
宽度
height=像素值或百分比
对象高度1
align=center
居中
align=right
右对齐
对齐、范围属性
3.2 属性
3.2.2 常见属性
色彩属性
属性
意义
color=#RRGGBB
引用
code
计算机代码(在引用源码的时候需要)
dfn
定义字段
em
强调
3.1 元素
3.1.2 常见元素
XML与HTML的联系与区别
1.什么是XML？XML即ExtentsibleMarkupLanguage(可扩展标记语言)，是用于网络上数据交换的语言。
它没有标签集，也没有语法规则，但是它有句法规则。
任何XML文档对任何类型的应用以及正确的解析都必须是良构的，即每一个打开的标签都必须有匹配的结束标签，不得含有次序颠倒的标签，并且在语句构成上应符合技术规范的要求。
XML文档可以是有效的，但并非一定要求有效。
所谓有效文档是指其符合其文档类型定义的文档。
如果一个文档符合一个模式的规定，那么这个文档是模式有效的。
2.什么是HTML？HTML即Hyper Text Markup Language（超文本标记语言），是WWW的描述语言。
设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体。
HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。
HTML的结构包括头部(Head)、主体(Body)两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。
３.HTML与XML之间的关系HTML与XM都是标记语言，都是基于文本编辑和修改的，其实他们之间并没有非常必然的联系，我们需要知道XML不是要替换HTML，实际上XML可以视作对HTML的补充，他们只不过是两种不同用途的标记语言４.HTML与XML之间的区别目标:HTML的设计目标是显示数据并集中于数据外观，而XML的设计目标是描述数据并集中于数据的内容，它的显示形式靠CSS或XSL帮完成。
语法：HTML的标记不是所有的都需要成对出现，XML则要求所有的标记必须成对出现；HTML标记不区分大小写，XML则大小敏感，即区分大小写。
更新：XML允许粒度更新，不必在XML文档每次有局部改变时都发送整个文档的内容，只有改变的元素才必须从服务器发送到客户机，而HTML却不支持这样的功能。
XML轻松学习手册(二)_XML概念
XML轻松学习手册(二):XML概念疯狂代码 / ĵ:http://XMLJiaoCheng/Article20048.html导言 经过第章快速入门学习你已经知道了XML是种能够让你自己创造标识语言它可以将数据和格式从网页中分开它可以储存数据和共享数据特性使得XML无所不能如果你希望深入学习XML系统掌握XML来龙去脉那么我们首先还是要回到XML概念问题上来XML(Extensible Markup Language)种扩展性标识语言\"扩展性\"\"标识\"\"语言\"每个词都明确点明了XML重要特点和功能我们来仔细分析: . 扩展性 2. 标识 3. 语言 4.结构化 5. Meta数据 6. 显示 7. DOM .扩展性---使用XML你可以为你文档建立自己标记(tags) XML第个词是\"扩展性\"这正是XML强大功能和弹性原因 在HTML里有许多固定标记我们必须记住然后使用它们你不能使用HTML规范标准里没有标记而在XML中你能建立任何你需要标记你可以充分发挥你想象力给你文档起些好记标记名称比如你文档里包含些游戏攻略你可以建立个名为<game>标记然后在<game>下再根据游戏类别建立<RPG>,<SLG>等标记只要清晰易于理解你可以建立任何数量标记 开始你也许会不适应我们在学习HTML时有固定标记可以直接学习和使用；(很多人包括我自己都是边分析别人代码和标识边建立自己网页)而XML却没有任何标记可以学也很少有文档标记是模样我们如何办？呵呵没有就自己创建呀旦你真正开始写XML文档你会发现随心所欲创造新标记也是份很有趣事你可以建立有自己特色标记甚至建立你自己HTML语言 扩展性使你有更多选择和强大能力但同时也产生个问题就是你必须学会规划你自己要理解自己文档知道它由哪几部分组成相互的间关系和如何识别它们 有关建立标识还需要介绍说明点标识是描述数据类型或特性比如宽<width>年龄<age>姓名<name>等而不是数据内容比如:<10pxl>,<18>,<张 3>这些都是无用标记如果你学过数据库你可以这样理解标识就是种字段名 2.标识---使用XML你可以识别文档中元素 XML第 2个词是\"标识\"这表明了XML目是标识文档中元素 不论你是HTML,还是XML标识本质在于便于理解如果没有标识你文档在计算机看来只是个很长串每个字看起来都样没有重点的分 通过标识你文档才便于阅读和理解你可以划分段落列明标题XML中你更可以利用其扩展性 来为文档建立更合适标识 不过有点要提醒大家注意:标识仅仅是用来识别信息它本身并不传达信息例如这样HTML代码: <b>frist step<b> 这里<b>表示粗体只用来介绍说明是用粗体来显示\"frist step\"<b>本身并不包含任何实际信息在页面上你看不到<b>真正传达信息是\"frist step \" 3.语言---使用XML你要遵循特定语法来标识你文档 XML第 3个词是\"语言\"这表明了作为种语言XML必须遵循定规则虽然XML扩展性允许你创建新标识但它仍然必须遵循特定结构语法和明确定义 在计算机领域语言常常表示种\"语言\"用来编程实现些功能和应用但不是所有\"语言\"都是用来编程XML就只是种用来定义标识和描述信息语言 下面我们来深入了解下XML应用其本原理可能会很枯燥但是对于整体理解很重要你可以先快速过遍心里有个模糊概念具体精髓则需要在实战中慢慢领会 4.结构化---XML促使文档结构化所有信息按某种关系排列 \"结构化\"听起来太抽象了我们这样理解结构化就是为你文档建立个框架就象写文章先写个提纲结构化使你文档看起来不会杂乱无章每部分都紧密联系形成个整体 结构化有两个原则: 1.每部分(每个元素)都和其他元素有关联关联级数就形成了结构 2.标识本身含义和它描述信息相分离 我们来看个简单例子帮助理解: <?xml version=\"1.0\" encoding=\"GB2312\"?><myfile><title>XML轻松学习手册</title><chapter>XML快速入门<para>什么是XML</para><para>使用XML好处</para></chapter><chapter>XML概念<para>扩展性</para><para>标识</para></chapter></myfile>这是本文XML描述文档可以看到标识分 3级关联,非常清晰:<myfile><chapter><para>...</para></chapter></myfile>上面这样文档结构我们又称的为\"文档树\"主干是父元素如<myfile>分支和页是子元素如<chapter>和<para> 5.Meta数据(Metadata)---专业XML使用者会使用meta数据来工作 在HTML中我们知道可以使用meta标识来定义网页关键字介绍等这些标识不会显示在网页中但可以被搜索引擎搜索到并影响搜索结果排列顺序 XML对这原理进行了深化和扩展用XML你可以描述你信息在哪里你可以通过meta来验证信息执行搜索强制显示或者处理其他数据 下面是些XML metadata在实际应用中用途: 1.可以验证数字签名使在线商务提交动作(submission)有效 2.可以被方便建立索引和进行更有效搜索 3.可以在区别语言的间传输数据 W3C组织正在研究种名为RDF(Resource Description Framework)metadata处理思路方法可以自动交换信息W3C宣称使用RDF配合数字签名将使网络中存在\"真实可信\"电子商务 6.显示 单独用XMl不能显示页面我们使用格式化技术比如CSS或者XSL才能显示XML标记创建文档 我们在前面第章讲到XML是将数据和格式分离XML文档本身不知道如何来显示必须有辅助文件来帮助实现(XML取消了所有标识包括font,color,p等风格样式定义标识因此XML全部是采用类似DHTML中CSS思路方法来定义文档风格样式)XML中用来设定显示风格样式文件类型有: 1.XSL XSL全称是Extensible Stylesheet Language(可扩展样式语言), 是将来设计XML文档显示样式主要文件类型它本身也是基于XML语言使用XSL你可以灵活设置文档显示样式文档将自动适应任何浏览器和PDA(掌上电脑) XSL也可以将XML转化为HTML那样老浏览器也可以浏览XML文档了 2.CSS CSS大家很熟悉了全称是Cascading Style Sheets(层叠样式表)是目前用来在浏览器上显示XML文档主要思路方法 3.BehaviorsBehaviors现在还没有成为标准它是微软IE浏览器特有功能用它可以对XML标识设定些有趣动作 7.DOMDOM全称是document object model(文档对象模型)DOM是用来干什么呢？假设把你文档看成个单独对象DOM就是如何用HTML或者XML对这个对象进行操作和控制标准 面向对象思想思路方法已经非常流行了在编程语言(例如javajs)中都运用面向对象编程思想在XML中就是要将网页也作为个对象来操作和控制我们可以建立自己对象和模板和对象进行交流如何命令对象就要用到APIAPI全称Application Programming Interface它是访问和操作对象规则而DOM就是种详细描述HTML/XML文档对象规则API它规定了HTML/XML文档对象命名协定模型沟通规则等在XML文档中我们可以将每个标识元素看作个对象---它有自己名称和属性 XML创建了标识而DOM作用就是告诉script如何在浏览器窗口中操作和显示这些标识 上面我们已经简要讲述了些XML基本原理我们来看看它们的间关联以及它们是如何工作先看这里张图:>1.XML描述数据类型例如:\"King le[1][2]下页2009-2-12 5:09:04疯狂代码 /。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
HTML的定义实现网页结构以及内容的语言HTML是什么：HTML是Hypertext Markup Language的缩写，即超文本标记语言。
它是用于创建可从一个平台移植到另一平台的超文本文档的一种简单标记语言，经常用来创建Web 页面。
HTML文件是带有格式标识符和超文本链接的内嵌代码的ASCII 文本文件。
用Monyer 的话说，HTML就是做网页结构及内容实现的一门语言。
下面这段代码是HTML的基本结构，在“<>”中的为HTML标记，一般一个“<xxx>”标记出现，则必需要一个相应的“</xxx>”对其标示范围进行结束；除非该标记为自关闭标记，一般以“<xxx/>”的形式出现。
<html><head><title>Monyer's Example</title></head><body><div id="first">Hello World !</div><div id="second">Hello Monyer !</div></body></html>代码一如果把网页（<html>...</html>）看成是人的话，那么<head>...</head>是他的头，但这部分内容通常不会在网页正文中显示；<body>...</body>是他的身体，也是一个网页内容显示部分。
所以将以下代码保存为*.html后并双击在网页浏览器中运行，显示的仅仅是：Hello World ！Hello Monyer ！但所有的HTML标记均是被浏览器执行的对象，并不会显示出来。
需要注意的是，在上段代码中承载“Hello World ！”和“Hello Monyer ！”的两个“<div/>”容器内部均有一个id标识，id中的内容是可以随便定制的，但请务必保证id中内容的唯一性——因为它是使别人找到它所在的门牌号。
比如你用层布局，可以在div容器外面加center; 比如<center><div><div class=“a”><button></button><div></div></center>在加一个样式表。
.a{text-align:left}CSS的定义定制HTML元素属性的语言CSS是什么：CSS是Cascading Style Sheet 的缩写。
译作「层叠样式表单」。
是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言（节选自《css2.0中文手册》）。
如果用|\/|0|\|YE|2的话说，CSS就是定制一个网页上HTML元素属性的语言。
CSS的大概模样如下：#first{color:red;}#second{color:green;font-size:50px;}代码二当把以上代码放进HTML中，它会去尝试找ID（门牌号）为“first”的HTML标签，如果找到，就把该标签内的文字以红色在浏览器中显示出来；当它继续寻找ID为“second”的标签，并找到后，它会把该标签内部的文字以绿色在浏览器中显示出来，但同时该段文字的大小为50像素。
具体的插入HTML的方法后文会提到。
JS的定义实现对数据进行判断、操作以及向浏览者反馈信息JS是什么：JS是Javascript的缩写。
JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。
使用它的目的是与HTML超文本标记语言、Java脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。
从而可以开发客户端的应用程序等。
它是通过嵌入或调入在标准的HTML语言中实现的。
用|\/|0|\|YE|2的话说，网页中所有的对数据进行判断、操作以及向浏览者反馈信息的本地代码实现部分均是javascript（当然，由于我们仅仅局限于目前的这四种语言，所以在狭义的角度上，我们不考虑vbs或Java Applet等脚本语言。
请不要总是钻别人的牛角尖哦！呵呵）JS的大概样子如下：function a(){alert('example');}a();代码三当把以上代码放进HTML代码中，它会在你的HTML载入时，弹出一个内容为“example”的对话框。
同样，具体的插入方法会在后文给出。
XML的定义XML简单的理解为数据库XML是什么：XML 代表Extensible Markup Language（eXtensible Markup Language的缩写，意为可扩展的标记语言）。
XML是一套定义语义标记的规则，这些标记将文档分成许多部件并对这些部件加以标识。
它也是元标记语言，即定义了用于定义其他与特定领域有关的、语义的、结构化的标记语言的句法语言。
Monyer的小提示：rss就是xml的一种特殊形式，你也可以理解xml就是数据库。
XML的大概样子如下：<abc><bcd>1</bcd><bcd>2</bcd><bcd>3</bcd></abc>代码四从以上代码你可以看出它跟HTML很像，但是区别在于它的标签名称是可以随意定制的，这意味着对于同一段数据，不同的程序员会编出不同的XML代码。
也因此在rss的xml应用中，标签被固定下来以适合信息交互。
相对HTML来说，XML更追求严谨性，如果说你在HTML代码中没有对标签进行一一对应或是封闭，但是却蒙混过关的话；那么同样的事情发生在XML 中就很可能会使你的数据崩溃。
好了，以上便是对这四种语言的简要介绍，下来来看幅图，提前声明的是语言连线所产生的部分并不一定代表是另外一门语言或是新技术，它仅仅代表两种或多种语言会以一种什么样的方式相结合，它们结合后的关系如何（汗！没办法，现在没事挑刺的人特多，所以我还是认为提前声明一下比较保准！嘿嘿）——这也正是本文所要讨论的重点。
DOM是什么：这里的DOM指的是HTML DOM。
HTML DOM是W3C的标准，同时它也是HTML的文档对象模型的缩写(the Document Object Model for HTML)。
HTML DOM定义了用于HTML的一系列标准的对象，以及访问和处理HTML文档的标准方法。
通过DOM，可以访问所有的HTML 元素，连同它们所包含的文本和属性。
其中的内容可以修改和删除，同时也可以创建新的元素。
HTML DOM独立于平台和编程语言。
它可被任何编程语言诸如Java、JavaScript和VBScript所使用。
用Monyer的话说，HTML DOM就是HTML语言对外界开通的接口，以便其他语言能够访问或修改HTML内部的元素。
当js需要对html元素进行操作时，DOM是一个很必要的对象。
js一般会以三种方式插入到HTML当中：方法1：<script>js code</script>方法2：<script language="javascript" src="js source.js"></script>方法3：<body onload="simple js code">...</body>当然，看过我的XSS的相关文章的朋友知道其实插入js的方式不仅仅这些，但是这些其实才是最基本的。
而譬如你要在“代码一”刚一载入时，就改变其中的元素，使ID为“first”的DIV中的内容也为“Hello Monyer ！”你便可以通过利用DOM对象构造如下代码并插入到HTML代码中的任何位置来实现<script>window.onload=function a(){document.getElementById("first").innerHTML="Hello Monyer !";}</script>代码五STYLE（样式）：当用CSS去修饰HTML中的元素，这一过程可以称为声明HTML元素样式的过程。
同js一样，CSS插入HTML也有与之类似的三种方法：方法一：<style>css code</style>方法二：<link rel="stylesheet" type="text/css" href="css source.css" />方法三：<div style="css code">...</div>XHTML是什么：XHTML是The Extensible HyperText Markup Language(可扩展标识语言)的缩写。
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。
简单的说，xhtml比html要严谨些，但又没像xml那么严重——譬如所有的xhtml标签以及属性必须要小写，属性性必须要加双引号（当然如今的浏览器不管是IE还是FF，对html 和xhtml采取兼容措施，这也是XSS产生的根本原因），而且也可以像xml一样自定义部分标签，因此有了极大的灵活性。
而且进入了xhtml时代，大家倡导的是CSS+DIV，这也是web2.0的基础。
DHTML是什么：DHTML只是一种制作网页的概念，实际上没有一个组织或机构推出过所谓的DHTML标准或技术规范之类的。
DHTML不是一种技术、标准或规范，DHTML只是一种将目前已有的网页技术、语言标准整和运用，制作出能在下载后仍然能实时变换页面元素效果的网页的设计概念。
DHTML 就是动态的html，Dynamic HTML 。
传统的html页面是静态的，Dhtml 就是在html页面上加入了javascript脚本，使其能根据用户的动作作出一定的响应，如鼠标移动到图片上，图片改变颜色，移动到导航栏，弹出一个动态菜单等等。