常见Web技术之间的关系你了解多少？.docx

常见Web技术之间的关系，你了解多少？

摘自：/shan9liang/article/details/7222110引

如果你是一个Web开发初学者，那么你难免会在网上有哪些信誉好的足球投注网站HTML，CSS，XML，JS

（Javascript），DOM，XSL等等这些词的意思，然而，随着学习的深入。当你把他们搅在一起，你又糊涂了，你会不停的问，HTML是什么？CSS是什么？XML是什么？JS是什么？它们到底有什么用？无论是网络百科，还是一些IT专题网站，又或者一些牛人博客，他们都会告诉你，某个单一的东西是什么，这类文章很多，但很少有涉及，它们组合起来是什么，有什么用。我想，我写这篇文章，就是为了说明一下这个他们很少涉及的问题。

归纳、总结、提炼能力是我们进步的发动机，这种能力是可以有意识地培养的，拉卡拉电子支付公司董事长兼总裁孙陶然提到：在拉卡拉我们要求用三条说清楚任何问题就是一种能力训练，任何问题如果不能用三条说清楚说明你还没想透。

在这里，我争取用最根本的语言向大家分别说明HTML，CSS，XML，JS到底是什么，有什么用。然后我们再来看把他们组合起来是什么，有什么用。当然如果你对HTML，CSS，XML，JS有足够了解，可以直接跳过，看文章的后半部分，那里才是本文核心所在。

HTML超文本标记语言(HyperTextMarkupLanguage)，是用来描述网页的一种标记语言。网页文件本身是一种文本文件，通过在文本文件中添加标记，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。

HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超链接”点。超文本(Hypertext)

是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。概括，HTML就是整合网页结构和内容显示的一种语言。

[html] viewplaincopyprint?

html

html

head

titleHTML/title

/head

body

pid=num1HelloWorld!ImHTML/p

/body

/html

浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容

浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容

这段内容在浏览器上显示的结果是：

这段内容在浏览器上显示的结果是：HelloWorld!ImHTML

我们看p标签上有一个id，这是这个p标签的唯一标识，方便别人找到它，对它进行操作。

CSS层叠样式表单（CascadingStyleSheet）。是将样式信息与网页内容分离的一种标记

性语言。作为网站开发者，你能够为每个HTML元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。这样，即设计人员能够将更多的时间用在设计方面，而不是费力克服HTML的

限制。说白了，CSS就是设置网页上HTML元素属性的语言。

CSS代码：

[css]viewplaincopyprint?

#hello{

#hello{

color:blue;3. }

当把这段CSS代码应用于HTML中，它会找到id为“hell的o”HTML标签，将其中的内容以蓝色显示出来；具体的插入HTML的方法这里不再赘述（说一句，只说明是什么，有什么用的问题，不关注技术细节，技术细节网上很好找）

Javascript，首先说明JavaScript和Java无关,JavaScript是属于网络的脚本语言！那么为什么名字如此相似?这是典型的市场营销方面的成功,它的推广成功,也是借了Java的东风。当微软开始意识到JavaScript在Web开发人员中流行起来时，微软还是一贯风格，建立了自己的脚本语言，JScript。

JavaScript是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。例如可以设置鼠标悬停效果，在客户端验证表单，创建定制的HTML页面，显示警告框，设置cookie等等。

网页中所有的对数据进行判断、操作以及向浏览者反馈信息的本地代码实现部分均是javascript（当然也有其他的），这样既可以使网页更具交互性，给用户提供更令人兴奋的体验，同时减轻了服务器负担。

JS的代码如下：

[javascript]viewplaincopyprint?

1.

1.

2.

3.

4.

functionjsHello(){

alert