HTML,SS,JS,M,ML,SL几种技术之间关系.doc

第一部分：概念介绍 2 第二部分：组成 4 如果你是一个Web开发初学者，那么你难免会在网上搜索 , CSS, XML, JS(Javascript)，DOM，XSL等等这些词的意思，然而，随着学习的深入。当你把他 们搅在一起，你又糊涂了，你会不停的问， 是什么?CSS是什么?XML是 什么?JS是什么?它们到底有什么用？无论是网络百科，还是一些1T专题网站，又 或者一些牛人博客，他们都会告诉你，某个单一的东西是什么，这类文章很多， 但很少有涉及，它们组合起来是什么，有什么用。我想，我写这篇文章，就是为 了说明一下这个他们很少涉及的问题。 归纳、总结、提炼能力是我们进步的发动机，这种能力是可以有意识地培养 的，拉卡拉电子支付公司董事长兼总裁孙陶然提到：在拉卡拉我们要求用三条说 清楚任何问题就是一种能力训练，任何问题如果不能用三条说清楚说明你还没想 透。 在这里，我争取用最根本的语言向大家分别说明 , CSS, XML, JS到底 是什么，有什么用。然后我们再来看把他们组合起来是什么，有什么用。当然如 果你对 , CSS，XML,JS有足够了解，可以直接跳过，看文章的后半部分， 那里才是本文核心所在。 第一部分：概念介绍 1.1 超文本标记语言(Hyper Text Markup Language),是用来描述网 页的一种标记语言。 head title /title 〈/head〉 〈body〉 p id=nnumln〉Hello World! I’m /p 〈/body〉 / 网页文件本身是一种文本文件，通过在文本文件中添加标记，可以告诉浏览 器如何显示其中的内容(如：文字如何处理，画面如何安排，图片如何显示等)。 之所以称为超文本标记语言，是因为文本中包含了所谓“超链接”点。 超文本(Hypertext)是用超链接的方法，将各种不同空间的文字信息组织在一起的 网状文本。 概括， 就是整合网页结构和内容显示的一种语言。 Hello World! Fm 浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容。 这段内容在浏览器上显示的结果是：Hello World! Fm 我们看p〉标签上有一个id，这是p〉这个标签的唯一标识，方便别人找到 它，对它进行操作。 CSS层叠样式表单(Cascading StyleSheet)。是将样式信息与网页内容分离 的一种标记性语言。作为网站开发者，你能够为每个 元素定义样式，并 将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样 式，然后网站中的所有元素均会自动地更新。这样，即设计人员能够将更多的时 间用在设计方面，而不是费力克服 的限制。说白了，CSS就是设置网页 上 元素属性的语言。 CSS代码： #hello{ color:blue; } 当把这段CSS代码应用于 中，它会找到id为“hello”的 标签， 将其中的内容以蓝色显示出来;具体的插入 的方法这里不再赘述(说一句， 只说明是什么，有什么用的问题，不关注技术细节，技术细节网上很好找)。 Javascript,首先说明JavaScript和Java无关，JavaScript是属于网络的脚 本语言!那么为什么名字如此相似?这是典型的市场营销方面的成功，它的推广成 功，也是借了 Java的东风。当微软开始意识到Javascript在Web开发人员中流行 起来时，微软还是一贯风格，建立了自己的脚本语言，JScript。 Javascript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能 的脚本语言。使用它的目的是与 超文本标记语言、Java脚本语言(Java小 程序)一起实现在一个Web页面中链接多个对象，与Web客户交互作用。例如可 以设置鼠标悬停效果，在客户端验证表单，创建定制的 页面，显示警告 框，设置cookie等等。 网页中所有的对数据进行判断、操作以及向浏览者反馈信息的本地代码实现 部分均是Javascript(当然也有其他的)，这样既可以使网页更具交互性，给用户提 供更令人兴奋的体验，同时减轻了服务器负担。 JS的代码如下： function jsHello(){ alertCHello World ! *); } 当把以上代码应用于 代码，它会在你的 载入时，弹出一个内 容为“Hello World!”的对话框。同样，它是通过嵌入或调入在标准的 语言 中实现的，至于如何嵌入或调入不再赘述，理由上面提到了。 Xml可扩展标记语言(Extensible MarkupLanguage)，是一套定义语义标记 的规则，这些标记将文档分成许多部件并对这些部件加以标识。它也是元标记语 言，即定义了用于定义其他与特定领域有关的、语义的、结构化的标记语