Web相关术语解释
Web 建站技术中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么？修改
建站有很多技术，如 HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、
http://
ASP.NET
、Web Services、浏览器脚本、服务器脚本等。它们的区别是什么？新手一点不懂，想理清所有这些技术之间的关系和应用范围。
修改
按票数排序 按时间排序
19 个回答
张秋怡
陶铖、刘理想、garfield 等人赞同
一个学期前我也和楼主差不多不知道这些都是啥，一个学期之后差不多都弄懂了，来讲讲自己的理解吧 > < 因为接触的时间不是很长，有错误的地方欢迎指正~
首先要知道网站访问大概是什么个过程：
假设你在浏览器地址栏输入这个问题的地址
访问过程和下图差不多，浏览器和服务器交流，服务器和数据库交流（有时候数据库就在服务器那台机子上）
HTML 与 CSS
你家电脑拿到一个 html （就是上图 HTTP 响应的 body 里的内容）之后，就会对它进行解析渲染。HTML 就是一种标记语言。类比一下，大家在论坛上经常会用一些代码来添加富文本内容，举一些栗子：
浏览器拿到这些代码之后，分析一下给你渲染好页面显示出来，如果不用css，效果是这样的，按照浏览器默认的样式显示出列表、图片、超链接、输入框、按钮等等：
是不是觉得默认样式有点看瞎狗眼呢……所以很多时候我们需要自定义样式，现行通用的规定样式的语言是CSS，我们可以用它写一些定义样式的代码，然后在 html 文件里用一个<link>标签把这些规定样式的 CSS 代码与表达内容语义的 HTML 代码关联起来，然后你就能看到一个符合人类正常审美的页面了:
CSS 代码的格式基本是
比如知乎顶上那个蓝色的导航条，它的 CSS 大约是这样的
第一个属性对应的代码翻译成人话，就是它的位置（position）应该是不动（fixed）的，浏览器会兢兢业业地去实现这段代码要求实现的效果， 所以你在页面上翻来翻去顶上那个导航条都会死死地黏在窗口顶部不跟着滚动。
再拿里面的其他几个属性做栗子解释一下就是：
HTML 5 与 XHTML
像人的语言一样，网络上的网页里的 HTML 代码也不一定是标准的，好比有时候你发音不太标准，别人会去猜测你说的到底是什么一样，有些时候前端程序猿不小心写错了 HTML，浏览器也会试图猜测他们原来想写的是什么，做对应的渲染，而猜是要有一个常识做依据的。加上有些浏览器支持一些标签，有一些又不支持，以及其他混乱的情况，为了防止大家鸡同鸭讲，我们需要对 HTML 代码里能有什么标签，标签怎么写，标签可以有什么属性这些东西有一定的共识，建立一个通行的标准，HTML5 就是其中一个比较新的标准。这个标准新加了很多可以用的标签和属性，然后各大浏览器也吭哧吭哧按这个标准去实现了很多这些新加的标签和属性，本来前端程序员要写一堆代码去实现的效果，现在浏览器都给你实现好了，只要写两三行，调用一下浏览器给你实现的部分就能搞定，简单愉快，所以很多人都在热情地推广这个标准~（当然新标准也不可能是完美的，总会有一些问题，怕跑题这里按下不表~）
至于 XHTML，就是 HTML 的近亲 XML 和 HTML 自己的杂交品种，对语法要求比较严格，并且为了兼容 XML，在语法上与 HTML 有一些不同~
JavaScript 与浏览器脚本
有了表示内容和语义的 HTML，规定样式的 CSS，得到的是一个静态的页面，没什么动画（其实用 CSS 还是可以有一些动画的，不过这个跑题了），按 F5 才会刷新数据，都 21世纪了，这么呆板单调的网页怎么能展现我大智人种族的创造性口胡！于是我们有了 Javascript（JS） 来给页面添加一些动态的效果，比如知乎问题的标签，鼠标移上去会弹出一个小窗口，这个就是 JS 实现的效果啦。
浏览器都会帮你实现一些 JS 可以用的工具（函数，对象什么的），你只要写一些 JS 的代码，保存在 xxx.js 里，在 html 文件中用 <script> 关联进来就可以用了，像上图这个效果应该就包括了
以上就是前端部分的内容，下面简述一下后端的东西吧> <
Web Server 和 Web Services
浏览器给服务器发一个请求，服务器不是一看就知道怎么响应的。首先这些请求和响应要有一个通用的写法，也就是要有一个协议，常用的是 HTTP 协议。
像最前面的图，服务器的响应写了一个状态码 200 OK ，是 HTTP 协议里约定俗成的一个东西，服务器写 200 OK 在响应里，表示“你请求的这个东西我有”，如果是404 Not Found，就是“你请求的这个东西我这里没有”。
HTTP 响应里还包括很多东西，比如 Content-type 表示服务器发过来的文件类型是什么（文本？动画？图片？音频？），这样发过去了人家浏览器好知道怎么展示给用户看。人家服务器怎么知道按协议要写什么东西进去呢，这就是 Web Server 干活的时候了。
形象化一下HTTP响应，大概就长这样：
再上个锤子，浏览器和服务器之间请求响应的过程大致是长这样的，右下角的那些东西就是由 Web Server 生成的（服务器脚本可以做一些改动，但这些一般是 Web Server 的份内活）：
再比如说很多时候你访问一个网站，浏览器里输的地址并没有写明你请求的文件，比如这个问题的地址是：
但知乎的服务器其实返回了一个html给你，服务器怎么知道这个地址对应要返回什么样的 html 代码给你的？也是 Web Server 干的活。
除了浏览器输地址敲回车这种赤裸裸的访问，客户端与服务器的交互还有很多种，比如：
Web Service 传输的数据再经由本地客户端（浏览器、QQ/微信，网游客户端等）的分析渲染，就能够以普通人能够理解的形式展现出来。此外还有一些 Web Service 并不是为普通用户设计的，像前面提到的微博API，是用来给程序猿进行二次开发的~
除了提供 Web Service， Web Server 还会兼顾很多功能，包括提供缓存，平衡负载，这样在访问量比较大的时候能有有条不紊地接客。常见的现成的 Web Server 有开源的 Apache、Nginx和微软的IIS，你也可以用一些工具（比如 Node.js ）自己定制一个。因为 Web Server 需要比较好的性能，所以投产时用的 Web Server 通常是C/C++/Java写的，但是其实很多语言都可以写，而且配合上语言底层的优化和好的模型，其他语言写的 Web Server也可以有不错的表现。
PHP ，服务器脚本，Web Framework
开头那张图里服务器接到请求之后可以给访客发送对应的文件，但21世纪的服务器怎么可能只会“接请求-发文件”这么弱智的一招呢，人家还可以处理你上传来的文件的！还可以接受你发过来的各种请求，去操作服务器本地的文件or数据库的！要干这些事，自然服务器那边也少不了要有代码了，这些代码就是服务器脚本。前面说的 Web Service 传输的数据，主要也是由服务器脚本生成，再交由 Web Server ，按照某种协议套好整个响应的格式，返回给客户端的。
同一个网址，每个人看到的页面不一定是一样的，比如知乎首页的网址都是
但是没登陆和登陆之后看到的东西不一样，登陆之后每个人看到的导航栏的用户信息，关注的动态，都不一样。服务器脚本可以对这些不同的状态，生成不同的页面，交给 Web Server 返回给浏览器。
知乎的主页给大家看到的 html 整体来说是差不多的，都有导航栏，左边是关注的动态，右边是广告和边栏，每一块的整体构造大同小异，只是一些地方内容有所区别。服务器脚本就是利用已知的数据，在这些因人而异的地方填入相应的内容，生成给每个人看的页面。
比如我的主页，导航栏右边的头像和名字跟别人看到的不一样，就是因为这块地方有一个放图片的<img>标签和一个写名字的<span>标签，服务器脚本在查询本地的数据之后给我返回的页面里<img>的标签填了我头像的图片链接，<span>标签里填了我的名字，给别人的页面就填其他链接、其他名字，这样每个人看到的页面就不一样了。
PHP 就是一种常见的用来写服务器脚本的语言，其实只要是能拿来写大家传输数据的通用接口（CGI）的语言都可以用来写服务器脚本（也就是说几乎所有编程语言都可以写 = =b），只是因为现成工具的丰富程度和专攻程度不一样，所以有一些语言在写服务器端脚本的时候会比较热门。
为了方便，我们在写服务器脚本的时候，通常还会用个同语言写的 Web Framework 来处理各种细节，防御一些常见的攻击，提供跨站认证（比如用已有的微博账号注册其他网站）的接口，利用cookie处理登陆状态和用户设置，生成网页模版之类的。如果你用 C# 或者 Visual Basic 写服务器脚本，就可以用 http:// ASP.NET 这个框架实现这些功能，帮你省点麻烦。不过现在不少人是反过来为了一个好用的 Web Framework 去选择它对应的服务器脚本语言的。
一个普通网站访问的过程
简单概括一下，对于我们普通的网站访问，涉及到的技术就是：
延伸阅读 —— 那些看花眼的名词
为了方便调试，很多 Web Framework 会自带一个简单的 Web Server，或者有些 Web Server 会自带一个简单的 Web Framework ，实际部署到服务器上开放使用的时候为了性能或者安全等多方面的考虑，可以把内置的 Web Server 换成其他的，比如 Apache 或者 Nginx （举个栗子，知乎用的是 Tornado 做 Framework，Server 换成了 Nginx，见 知乎使用了哪些框架和开源库？）。如果是开源的东西，还可以在遵守开源协议的前提下自己改一下再用~
因为后端不像前端已经有 HTML + CSS + JS 这样的既定事实标准，服务器脚本与 Web Framework 的选择很多，所以新手会听到很多眼花缭乱的技术名词的地方多在这里~ 举一些栗子，早年常见的服务器端语言有：
首先要知道网站访问大概是什么个过程：
假设你在浏览器地址栏输入这个问题的地址
http://www.zhihu.com/question/22689579
HTML 与 CSS
你家电脑拿到一个 html （就是上图 HTTP 响应的 body 里的内容）之后，就会对它进行解析渲染。HTML 就是一种标记语言。类比一下，大家在论坛上经常会用一些代码来添加富文本内容，举一些栗子：
-
用来贴图
[img]图片地址[/img] -
用来贴地址
[url]超链接[/url] -
表示标签里的文字应该被删掉（默认添加删除线效果）
[del]呵呵[/del]
浏览器拿到这些代码之后，分析一下给你渲染好页面显示出来，如果不用css，效果是这样的，按照浏览器默认的样式显示出列表、图片、超链接、输入框、按钮等等：
是不是觉得默认样式有点看瞎狗眼呢……所以很多时候我们需要自定义样式，现行通用的规定样式的语言是CSS，我们可以用它写一些定义样式的代码，然后在 html 文件里用一个<link>标签把这些规定样式的 CSS 代码与表达内容语义的 HTML 代码关联起来，然后你就能看到一个符合人类正常审美的页面了:
CSS 代码的格式基本是
属性:值
第一个属性对应的代码翻译成人话，就是它的位置（position）应该是不动（fixed）的，浏览器会兢兢业业地去实现这段代码要求实现的效果， 所以你在页面上翻来翻去顶上那个导航条都会死死地黏在窗口顶部不跟着滚动。
再拿里面的其他几个属性做栗子解释一下就是：
- left 和 top 为零指明这个导航条要紧贴着窗口的左上角
- width 和 height 指定这个导航条的宽和高
- background 指明这个导航条的背景是一种渐变的蓝色
HTML 5 与 XHTML
像人的语言一样，网络上的网页里的 HTML 代码也不一定是标准的，好比有时候你发音不太标准，别人会去猜测你说的到底是什么一样，有些时候前端程序猿不小心写错了 HTML，浏览器也会试图猜测他们原来想写的是什么，做对应的渲染，而猜是要有一个常识做依据的。加上有些浏览器支持一些标签，有一些又不支持，以及其他混乱的情况，为了防止大家鸡同鸭讲，我们需要对 HTML 代码里能有什么标签，标签怎么写，标签可以有什么属性这些东西有一定的共识，建立一个通行的标准，HTML5 就是其中一个比较新的标准。这个标准新加了很多可以用的标签和属性，然后各大浏览器也吭哧吭哧按这个标准去实现了很多这些新加的标签和属性，本来前端程序员要写一堆代码去实现的效果，现在浏览器都给你实现好了，只要写两三行，调用一下浏览器给你实现的部分就能搞定，简单愉快，所以很多人都在热情地推广这个标准~（当然新标准也不可能是完美的，总会有一些问题，怕跑题这里按下不表~）
至于 XHTML，就是 HTML 的近亲 XML 和 HTML 自己的杂交品种，对语法要求比较严格，并且为了兼容 XML，在语法上与 HTML 有一些不同~
JavaScript 与浏览器脚本
有了表示内容和语义的 HTML，规定样式的 CSS，得到的是一个静态的页面，没什么动画（其实用 CSS 还是可以有一些动画的，不过这个跑题了），按 F5 才会刷新数据，都 21世纪了，这么呆板单调的网页怎么能展现我大智人种族的创造性口胡！于是我们有了 Javascript（JS） 来给页面添加一些动态的效果，比如知乎问题的标签，鼠标移上去会弹出一个小窗口，这个就是 JS 实现的效果啦。
浏览器都会帮你实现一些 JS 可以用的工具（函数，对象什么的），你只要写一些 JS 的代码，保存在 xxx.js 里，在 html 文件中用 <script> 关联进来就可以用了，像上图这个效果应该就包括了
- 鼠标悬停到标签上时创建一个新的 <div> 小窗口
- 用 JS 向知乎服务器发送一个请求，得到这个小窗口应该显示的数据，放在这个小窗口里（这就是所谓的AJAX，不用刷新就能与服务器进行交互，更新页面的一小部分~）
以上就是前端部分的内容，下面简述一下后端的东西吧> <
Web Server 和 Web Services
浏览器给服务器发一个请求，服务器不是一看就知道怎么响应的。首先这些请求和响应要有一个通用的写法，也就是要有一个协议，常用的是 HTTP 协议。
像最前面的图，服务器的响应写了一个状态码 200 OK ，是 HTTP 协议里约定俗成的一个东西，服务器写 200 OK 在响应里，表示“你请求的这个东西我有”，如果是404 Not Found，就是“你请求的这个东西我这里没有”。
HTTP 响应里还包括很多东西，比如 Content-type 表示服务器发过来的文件类型是什么（文本？动画？图片？音频？），这样发过去了人家浏览器好知道怎么展示给用户看。人家服务器怎么知道按协议要写什么东西进去呢，这就是 Web Server 干活的时候了。
形象化一下HTTP响应，大概就长这样：
再上个锤子，浏览器和服务器之间请求响应的过程大致是长这样的，右下角的那些东西就是由 Web Server 生成的（服务器脚本可以做一些改动，但这些一般是 Web Server 的份内活）：
再比如说很多时候你访问一个网站，浏览器里输的地址并没有写明你请求的文件，比如这个问题的地址是：
http://www.zhihu.com/question/22689579
除了浏览器输地址敲回车这种赤裸裸的访问，客户端与服务器的交互还有很多种，比如：
- 前面提到的用 JS 完成的 AJAX，有点像浏览器和服务器之间的悄悄话~
- 微信、QQ 与腾讯的服务器的交互
- 网游客户端与网游公司服务器的交互
- 搜索引擎用来搜集网页信息的程序（爬虫）与各种各样的网站服务器的交互
- 只要你知道用什么地址访问、怎样访问人家的服务器，并且有相应权限，你也可以自己写一些程序去和他们的服务器交互（比如用微博API - 新浪微博API获取微博，开发第三方应用或者做数据分析）。
- 服务器可以是大型机也可以是个人电脑，只要能跑相应的程序就行
- 客户端像前面举的栗子里一样，可以是各种软件，而且这些软件不一定运行在个人电脑上，也可以是手机、平板、智能穿戴设备等等
- 有时候不是传生成好的 HTML 或者其他服务器上已经有的文件，而是传输经过一定逻辑处理后生成的字符串或者其他各种封装好的数据
Web Service 传输的数据再经由本地客户端（浏览器、QQ/微信，网游客户端等）的分析渲染，就能够以普通人能够理解的形式展现出来。此外还有一些 Web Service 并不是为普通用户设计的，像前面提到的微博API，是用来给程序猿进行二次开发的~
除了提供 Web Service， Web Server 还会兼顾很多功能，包括提供缓存，平衡负载，这样在访问量比较大的时候能有有条不紊地接客。常见的现成的 Web Server 有开源的 Apache、Nginx和微软的IIS，你也可以用一些工具（比如 Node.js ）自己定制一个。因为 Web Server 需要比较好的性能，所以投产时用的 Web Server 通常是C/C++/Java写的，但是其实很多语言都可以写，而且配合上语言底层的优化和好的模型，其他语言写的 Web Server也可以有不错的表现。
PHP ，服务器脚本，Web Framework
开头那张图里服务器接到请求之后可以给访客发送对应的文件，但21世纪的服务器怎么可能只会“接请求-发文件”这么弱智的一招呢，人家还可以处理你上传来的文件的！还可以接受你发过来的各种请求，去操作服务器本地的文件or数据库的！要干这些事，自然服务器那边也少不了要有代码了，这些代码就是服务器脚本。前面说的 Web Service 传输的数据，主要也是由服务器脚本生成，再交由 Web Server ，按照某种协议套好整个响应的格式，返回给客户端的。
同一个网址，每个人看到的页面不一定是一样的，比如知乎首页的网址都是
http://www.zhihu.com/
知乎的主页给大家看到的 html 整体来说是差不多的，都有导航栏，左边是关注的动态，右边是广告和边栏，每一块的整体构造大同小异，只是一些地方内容有所区别。服务器脚本就是利用已知的数据，在这些因人而异的地方填入相应的内容，生成给每个人看的页面。
比如我的主页，导航栏右边的头像和名字跟别人看到的不一样，就是因为这块地方有一个放图片的<img>标签和一个写名字的<span>标签，服务器脚本在查询本地的数据之后给我返回的页面里<img>的标签填了我头像的图片链接，<span>标签里填了我的名字，给别人的页面就填其他链接、其他名字，这样每个人看到的页面就不一样了。
PHP 就是一种常见的用来写服务器脚本的语言，其实只要是能拿来写大家传输数据的通用接口（CGI）的语言都可以用来写服务器脚本（也就是说几乎所有编程语言都可以写 = =b），只是因为现成工具的丰富程度和专攻程度不一样，所以有一些语言在写服务器端脚本的时候会比较热门。
为了方便，我们在写服务器脚本的时候，通常还会用个同语言写的 Web Framework 来处理各种细节，防御一些常见的攻击，提供跨站认证（比如用已有的微博账号注册其他网站）的接口，利用cookie处理登陆状态和用户设置，生成网页模版之类的。如果你用 C# 或者 Visual Basic 写服务器脚本，就可以用 http:// ASP.NET 这个框架实现这些功能，帮你省点麻烦。不过现在不少人是反过来为了一个好用的 Web Framework 去选择它对应的服务器脚本语言的。
一个普通网站访问的过程
简单概括一下，对于我们普通的网站访问，涉及到的技术就是：
- 用户操作浏览器访问，浏览器向服务器发出一个 HTTP 请求；
- 服务器接收到 HTTP 请求，Web Server 进行相应的初步处理，使用服务器脚本生成页面；
- 服务器脚本（利用Web Framework）调用本地和客户端传来的数据，生成页面；
- Web Server 将生成的页面作为 HTTP 响应的 body，根据不同的处理结果生成 HTTP header，发回给客户端；
- 客户端（浏览器）接收到 HTTP 响应，通常第一个请求得到的 HTTP 响应的 body 里是 HTML 代码，于是对 HTML 代码开始解析；
- 解析过程中遇到引用的服务器上的资源（额外的 CSS、JS代码，图片、音视频，附件等），再向 Web Server 发送请求，Web Server 找到对应的文件，发送回来；
- 浏览器解析 HTML 包含的内容，用得到的 CSS 代码进行外观上的进一步渲染，JS 代码也可能会对外观进行一定的处理；
- 用户与页面交互（点击，悬停等等）时，JS 代码对此作出一定的反应，添加特效与动画；
- 交互的过程中可能需要向服务器索取或提交额外的数据（局部的刷新，类似微博的新消息通知），一般不是跳转就是通过 JS 代码（响应某个动作或者定时）向 Web Server 发送请求，Web Server 再用服务器脚本进行处理（生成资源or写入数据之类的），把资源返回给客户端，客户端用得到的资源来实现动态效果或其他改变。
延伸阅读 —— 那些看花眼的名词
为了方便调试，很多 Web Framework 会自带一个简单的 Web Server，或者有些 Web Server 会自带一个简单的 Web Framework ，实际部署到服务器上开放使用的时候为了性能或者安全等多方面的考虑，可以把内置的 Web Server 换成其他的，比如 Apache 或者 Nginx （举个栗子，知乎用的是 Tornado 做 Framework，Server 换成了 Nginx，见 知乎使用了哪些框架和开源库？）。如果是开源的东西，还可以在遵守开源协议的前提下自己改一下再用~
因为后端不像前端已经有 HTML + CSS + JS 这样的既定事实标准，服务器脚本与 Web Framework 的选择很多，所以新手会听到很多眼花缭乱的技术名词的地方多在这里~ 举一些栗子，早年常见的服务器端语言有：
- 开源的 PHP
- Sun 公司的 JSP 中使用的 Java
- 微软的 ASP 中使用的 VBScript
- Python，对应常见的 Framework 包括知乎和Quora有用到的 Tornado（其实是自带 Framework 的 Web Server），社区很成熟的 Django （用户包括 Instagram、Pinterest）等
- Ruby，一般都用 Rails 这个 Framework，用户包括 Github、早期的 Twitter 等
- 逆天的 JavaScript，有了 Node.js 这个平台，Web Server、服务器脚本和浏览器脚本全都可以用 JavaScript 来写……Node.js上最常用的 Framework是Express
- 微软家的则跟着 http://ASP.NET 转移到了C# 或者 Visual Basic
- Erlang，擅长大规模的并发，不少游戏公司拿来写服务器，靠几十个工程师支撑几亿用户的WhatsApp也是用的这个~
- LAMP = Linux + Apache + MySQL + PHP（P还可能是Python或Perl。有时候L会改成W=Windows。），也就是服务器上的操作系统是 Linux，Web Server 用 Apache，数据库用 MySQL，服务器脚本用 PHP，这些都是开源技术，网站起步时用起来的成本会比较低，所以是普通网站里非常常见的架构（虽然对于发展得很大的网站会遇到很多瓶颈），Facebook就是这种，淘宝也曾经是。
- J2EE，Java 世界的架构，通常是企业用的（银行、大型公司,.etc），比较常见地还会搭配一种 UNIX 做操作系统，Apache 做 Web Server，Tomcat 转换 JSP 到 Java 给服务器程序用（其实它也自带 Web Server），Oracle 数据库等等。不一定拿来建站，常常用来提供企业里的各种需要用到网络的业务。我们学校教务系统就是用J2EE做的=。= 淘宝现在也是从LAMP转型到了这个。
- http://ASP.NET，微软家的架构，通常会搭配 Windows Server 操作系统，SQL Server 数据库，IIS 做 Web Server。StackOverflow和京东就是这个架构。
- 神奇的MEAN架构，MongoDB做数据库，Express做 Web Framework，Angular 做前端的 JavaScript 框架，Node.js 用于编写 Web Server。神奇之处在于这几个东西的语言都是 JavaScript （MongoDB的实现不是，但与外界沟通用的语言是）。因为是比较新的架构，还有待时间的考验，不过被很多人（尤其是靠 JavaScript 吃饭的前端程序猿们）热切关注。
- 一般来说重点不在技术而且在乎成本的新网站比较喜欢用 LAMP，重视安全稳定和速度的企业和机构喜欢 J2EE，想省事的网站喜欢 http://ASP.NET，比较 Geek 的网站和创业公司喜欢折腾各种 Python、Ruby、Node.js世界的东西，Google 这样现成的技术都解决不了需求的超大型网站就自己折腾解决方案。
庭羲，路人丙
陶铖、邢超、zada 等人赞同
对于 @张秋怡 的回答我
点了感谢，感谢她做了这么详尽的答复。
但是我 没有点赞同。
因为：
题主说得很清楚，他是新手一点也不懂：
对于一个门外汉来讲，说得内容太多，根本消化不了，都太「高深」了；
而对于内行来讲，这又是一些过于基础的知识，几乎就是正确的废话，不需要这么长篇的赘述。
所以我打算用我的方式来解答：
==============正式答题开始==============
先普及用户 通过 浏览器 访问网页 的过程：
网页内容是通过 服务器运算得出的结果，将结果(网页代码)传输给浏览器，网页代码再通过 浏览器运算进行渲染等，最终展示在用户的眼前的。
至此，我们知道了有2个运算过程：
1、服务器运算
2、浏览器运算
而让机器(服务器和你的个人电脑)乖乖执行运算，就需要 编写程序脚本即 程序代码。
而编写代码的过程就叫做：编程。编写代码的人叫做：程序员(又戏称：程序猿、攻城狮)。
所以，由运算演变出：
1、服务器运算 -> 服务器脚本
2、浏览器运算 -> 浏览器脚本
在行业内，将 服务器运算 称为 后端；将浏览器运算 称为 前端；
后端更靠近服务器，前段更靠近用户，这样比较好记忆。
--------------------------------------------------------------------------------
然后我们再来按照上述两个类别，对其他的东西分类：
1、服务器脚本(后端)：
2、浏览器脚本(前端)：
HTML5、XHTML我们暂且将其统称为：HTML
--------------------------------------------------------------------------------
细心的就发现了，SQL 没有提到。有了上面基础概念之后，我再来详细的说：
SQL，即数据库，用来存储用户的数据，比如：
1、你注册的用户(用户名、密码)；
2、你在知乎上回答的问题(提问标题、回答内容)。
SQL是安装在服务器上的，所以也属于后端范畴。
根据题主的问题，如果学习的话，有这么两种搭配：
MySQL和SQLServer都是SQL软件，都可以用来存储数据。
至于为什么这么搭配你先不用管，总之上帝说要有光，那就先光着。
我们再来模拟一下访问网站的 用户登陆过程，以PHP为例(ASP .NET同理)：
1、用户输入 用户名、密码 后 点<登陆>按钮；
2、后端程序开始运算，PHP开始运行，然后连接MySQL，在数据库中查询用户名、密码是否正确；
3、将运算数据返回给用户的浏览器，包含(HTML、CSS、JavaScript)。
4、浏览器将接收到的前端数据(HTML、CSS、JavaScript)，运算(解析)出来成为网页。
--------------------------------------------------------------------------------
最后还有问题对吧？别急。
HTML、CSS、JavaScript又分别是什么呢？
HTML就是网页，一个静态的网页。(做任何操作页面上的东西都不会动，可以简单理解为： 没有特效)
CSS、JavaScript就是完成「特效」的。
JavaScript 这个单词 好长 我打的好累，我为了偷懒，后面用缩写：JS
CSS：负责完成页面的美观度(颜色、布局)
JS：负责完成页面的操作需求
比如：点赞同的时候，JS负责改变页面上的赞同按钮效果，同时告诉服务器：我赞同了！
========================================
细心的又发现了，Web Services 我没有提到！
很多时候我们需要一个数据或者一个功能，而我们自己无法完成。
毛栗子A：天气预报
这个时候我们就需要使用其他网站提供的「天气Web Services」。
而这个Web Services，提供一个 数据型服务。
板栗B：发送短信验证码
这个时候我们就需要使用其他网站提供的「短信Web Services」。
而这个Web Services，提供一个 功能型服务。
Web Services让PHP 和 ASP .NET 两种语言、
让 (PHP + MySQL) 和 (ASP .NET + SQLServer)两种架构、
之间有了统一的接口标准，有了互通的可能。
简单讲，同毛栗子A，我们知道了：
1、当你的网站开放一个Web Services接口，这个时候就可以允许别人查询到你数据库的数据。
2、当你的网站使用别人的Web Services时，这个时候就可以查询到别人的数据。
========================================
然后这一整套体系，有后端、有数据库、有前端，一个独立的网站就开始运作了。
甚至还可以用Web Services去查一下别人网站的数据，综合一下展示出来，是不是感觉很屌？
屌个屁啊，此行有风险，入行需谨慎！！！
特别鸣谢： @马先森
以上
但是我 没有点赞同。
因为：
题主说得很清楚，他是新手一点也不懂：
建站有很多技术，如 HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP .NET、Web Services、浏览器脚本、服务器脚本等。它们的区别是什么？ 新手一点不懂，想理清所有这些技术之间的关系和应用范围。秋怡妹妹的回答：
对于一个门外汉来讲，说得内容太多，根本消化不了，都太「高深」了；
而对于内行来讲，这又是一些过于基础的知识，几乎就是正确的废话，不需要这么长篇的赘述。
所以我打算用我的方式来解答：
==============正式答题开始==============
先普及用户 通过 浏览器 访问网页 的过程：
网页内容是通过 服务器运算得出的结果，将结果(网页代码)传输给浏览器，网页代码再通过 浏览器运算进行渲染等，最终展示在用户的眼前的。
至此，我们知道了有2个运算过程：
1、服务器运算
2、浏览器运算
而让机器(服务器和你的个人电脑)乖乖执行运算，就需要 编写程序脚本即 程序代码。
而编写代码的过程就叫做：编程。编写代码的人叫做：程序员(又戏称：程序猿、攻城狮)。
所以，由运算演变出：
1、服务器运算 -> 服务器脚本
2、浏览器运算 -> 浏览器脚本
在行业内，将 服务器运算 称为 后端；将浏览器运算 称为 前端；
后端更靠近服务器，前段更靠近用户，这样比较好记忆。
--------------------------------------------------------------------------------
然后我们再来按照上述两个类别，对其他的东西分类：
1、服务器脚本(后端)：
PHP、ASP.NET
2、浏览器脚本(前端)：
HTML、CSS、JavaScript
HTML5、XHTML我们暂且将其统称为：HTML
--------------------------------------------------------------------------------
细心的就发现了，SQL 没有提到。有了上面基础概念之后，我再来详细的说：
SQL，即数据库，用来存储用户的数据，比如：
1、你注册的用户(用户名、密码)；
2、你在知乎上回答的问题(提问标题、回答内容)。
SQL是安装在服务器上的，所以也属于后端范畴。
根据题主的问题，如果学习的话，有这么两种搭配：
1、PHP 搭配 MySQL；
2、ASP.NET 搭配 SQLServer。
MySQL和SQLServer都是SQL软件，都可以用来存储数据。
至于为什么这么搭配你先不用管，总之上帝说要有光，那就先光着。
我们再来模拟一下访问网站的 用户登陆过程，以PHP为例(ASP .NET同理)：
1、用户输入 用户名、密码 后 点<登陆>按钮；
2、后端程序开始运算，PHP开始运行，然后连接MySQL，在数据库中查询用户名、密码是否正确；
3、将运算数据返回给用户的浏览器，包含(HTML、CSS、JavaScript)。
4、浏览器将接收到的前端数据(HTML、CSS、JavaScript)，运算(解析)出来成为网页。
--------------------------------------------------------------------------------
最后还有问题对吧？别急。
HTML、CSS、JavaScript又分别是什么呢？
HTML就是网页，一个静态的网页。(做任何操作页面上的东西都不会动，可以简单理解为： 没有特效)
CSS、JavaScript就是完成「特效」的。
JavaScript 这个单词 好长 我打的好累，我为了偷懒，后面用缩写：JS
CSS：负责完成页面的美观度(颜色、布局)
JS：负责完成页面的操作需求
比如：点赞同的时候，JS负责改变页面上的赞同按钮效果，同时告诉服务器：我赞同了！
========================================
细心的又发现了，Web Services 我没有提到！
很多时候我们需要一个数据或者一个功能，而我们自己无法完成。
毛栗子A：天气预报
这个时候我们就需要使用其他网站提供的「天气Web Services」。
而这个Web Services，提供一个 数据型服务。
板栗B：发送短信验证码
这个时候我们就需要使用其他网站提供的「短信Web Services」。
而这个Web Services，提供一个 功能型服务。
Web Services让PHP 和 ASP .NET 两种语言、
让 (PHP + MySQL) 和 (ASP .NET + SQLServer)两种架构、
之间有了统一的接口标准，有了互通的可能。
简单讲，同毛栗子A，我们知道了：
1、当你的网站开放一个Web Services接口，这个时候就可以允许别人查询到你数据库的数据。
2、当你的网站使用别人的Web Services时，这个时候就可以查询到别人的数据。
========================================
然后这一整套体系，有后端、有数据库、有前端，一个独立的网站就开始运作了。
甚至还可以用Web Services去查一下别人网站的数据，综合一下展示出来，是不是感觉很屌？
屌个屁啊，此行有风险，入行需谨慎！！！
特别鸣谢： @马先森
以上
梁超，螺旋嘴裏炮
朱凌志、Ekram Elham、蓝海 等人赞同
其实被折叠的 @贺师俊 说的对，你需要的是基本概念模型
所以我想你真正想要的是这个
20 Things I Learned About Browsers and the Web
Google Chrome 浏览器小组的《关于浏览器和网络的20项需知》
和这个
网站构建 初级教程
w3cschool的标准教程
所以我想你真正想要的是这个
20 Things I Learned About Browsers and the Web
Google Chrome 浏览器小组的《关于浏览器和网络的20项需知》
和这个
网站构建 初级教程
w3cschool的标准教程
baltic，HTML 5, 6, 7, 8, 9......
EricHu、QuiTZ、黄丹 等人赞同
刚发出来，发现已经有人写了，比这个深入。求折叠。
HTML ：
超文本标记语言，用一系列的标签（如p, div, span等） 将页面分块，是网页的基础，负责页面的结构和内容。像人的骨骼。
XHTML ：
HTML 的某个版本，X 表示“严格”，对代码的规范性有很高的要求，所有标签都必须闭合（如<input type="text" />， 后面的反斜线不能省略）
HTML5 ：
HTML 的新版本，强调语义化，新增语义化标签（如header, figure, canvas, video等），新增标签属性（如 input 的 datetime, tel, email 等）。
广义的HTML5 也包含CSS3 和js 部分，在谈HTML5 的时候这三者不必分得很细。
CSS ：
层叠样式表，负责页面的样式设置，控制位置，尺寸，颜色，边框等一系列视觉效果。像人的外貌。
CSS3 ：
CSS 的新版本，在原有基础上做了增强（如多背景，nth-child 选择器等）增加了很多高级特性，比如对渐变色的处理（gradient, linear），对形状的处理（border-radius, transform），甚至对简单动画的处理（key-frames, transition），对设备类型及状态的判断（media-query）。
SQL ：
关系型数据库语言，用于存储数据。如存储学生信息，需要将每个学生的学号，名字，班级，年龄，学分等信息有组织地存放在一起。纯手工年代，就是记在纸上。互联网上，数据库就相当于这张纸，只不过其组织的数据更有条理。
常见的关系型数据库有MySql, Oracle, SQLServer 等。
常见的非关系型数据库有MongoDB等。
JS ：
javascript 的简写，一种脚本语言。单独使用可以分析数据。在浏览器中跟DOM 结合，可以修改页面的HTML 和CSS， 以达到修改动态修改页面结构、内容和样式的目的。跟事件结合可以处理响应，比如页面中用户的点击行为，前后端交互中数据的流动。
NODEJS ：
服务器端的JS, 用JS 的语法在后端处理连接请求，处理文件，监测进程等。相对于JAVA, PHP 等后端语言，NODEJS 更擅长处理高并发的情况，对CPU 需求比较高。
PHP, http:// ASP.net
作用跟NODEJS 一样，但语法、原生函数、适用环境、效率等有所不同。当然，这几个大概还不能统一说，例如PHP 不仅是一种语言，还是PHP 这种语言运行的平台。另一种前几年用得多的后端语言是JAVA，用JAVA 专写页面的是JSP，这几年发展得怎样，没关注。更详细的我就不清楚了。
浏览器脚本
在浏览器中运行的脚本，现在用的最多的是JS。
服务器端脚本
服务器端运行的脚本。
Web Service ：
很笼统的概念，涉及到XML, TCP/IP 等一系列前后端技术。
【简化的】网站工作流程 ：
本地客户端所需要的资源当然都已经存储在本地机器上了，可以当做服务器与客户端都在同一台机器上。
HTML ：
超文本标记语言，用一系列的标签（如p, div, span等） 将页面分块，是网页的基础，负责页面的结构和内容。像人的骨骼。
XHTML ：
HTML 的某个版本，X 表示“严格”，对代码的规范性有很高的要求，所有标签都必须闭合（如<input type="text" />， 后面的反斜线不能省略）
HTML5 ：
HTML 的新版本，强调语义化，新增语义化标签（如header, figure, canvas, video等），新增标签属性（如 input 的 datetime, tel, email 等）。
广义的HTML5 也包含CSS3 和js 部分，在谈HTML5 的时候这三者不必分得很细。
CSS ：
层叠样式表，负责页面的样式设置，控制位置，尺寸，颜色，边框等一系列视觉效果。像人的外貌。
CSS3 ：
CSS 的新版本，在原有基础上做了增强（如多背景，nth-child 选择器等）增加了很多高级特性，比如对渐变色的处理（gradient, linear），对形状的处理（border-radius, transform），甚至对简单动画的处理（key-frames, transition），对设备类型及状态的判断（media-query）。
SQL ：
关系型数据库语言，用于存储数据。如存储学生信息，需要将每个学生的学号，名字，班级，年龄，学分等信息有组织地存放在一起。纯手工年代，就是记在纸上。互联网上，数据库就相当于这张纸，只不过其组织的数据更有条理。
常见的关系型数据库有MySql, Oracle, SQLServer 等。
常见的非关系型数据库有MongoDB等。
JS ：
javascript 的简写，一种脚本语言。单独使用可以分析数据。在浏览器中跟DOM 结合，可以修改页面的HTML 和CSS， 以达到修改动态修改页面结构、内容和样式的目的。跟事件结合可以处理响应，比如页面中用户的点击行为，前后端交互中数据的流动。
NODEJS ：
服务器端的JS, 用JS 的语法在后端处理连接请求，处理文件，监测进程等。相对于JAVA, PHP 等后端语言，NODEJS 更擅长处理高并发的情况，对CPU 需求比较高。
PHP, http:// ASP.net
作用跟NODEJS 一样，但语法、原生函数、适用环境、效率等有所不同。当然，这几个大概还不能统一说，例如PHP 不仅是一种语言，还是PHP 这种语言运行的平台。另一种前几年用得多的后端语言是JAVA，用JAVA 专写页面的是JSP，这几年发展得怎样，没关注。更详细的我就不清楚了。
浏览器脚本
在浏览器中运行的脚本，现在用的最多的是JS。
服务器端脚本
服务器端运行的脚本。
Web Service ：
很笼统的概念，涉及到XML, TCP/IP 等一系列前后端技术。
【简化的】网站工作流程 ：
- 用户访问一个页面，向该网站发起一次连接请求（HTTP）
- 后端程序（JAVA, PHP, NODEJS 写的程序）接受请求，根据用户ip 或者cookie 等一系列信息判断用户权限（如果需要的话），给被授权的用户返回资源（如HTML, CSS, JS , 图片等）。可能涉及到文件以外的数据的读取（数据库，用SQL 及其他数据库语言处理）。
- 浏览器能识别的资源，会按照一定规则解析，生成页面的内容结构样式脚本。不能识别的（或者指定为下载内容的），则一般会弹出下载框
本地客户端所需要的资源当然都已经存储在本地机器上了，可以当做服务器与客户端都在同一台机器上。
杨定鹏，平面/unity/Leap Motion/前端/.NET
朱凌志、朱翀、大书 等人赞同
已经有各位前辈详细解答了，我就不献丑了，只想说一点，刚入门没必要了折腾那么多的，用html搭个前台框架，用css美化排版，用js脚本写特效，这就算是前台了，完了找个拿手的语言写下后台程序(最简单的估计算asp了吧？不过都快淘汰了，国内据说是php比较多)，然后连个数据库，当当，一个网站新鲜出炉了。什么？其他的？网站做好了没？没就别在这jjyy了，快做！
jian yan、欧诺里拉问、林大壮 赞同
Web 建站技术中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、
http://
ASP.NET
、Web Services 区别是什么？
HTML教你怎么挖坑，HTML5用先进的技术教你挖坑，CSS教你把坑挖的好看，SQL是一个记录本，被PHP， http:// ASP.NET ，以及JSP，ASP这3P写记录。
HTML教你怎么挖坑，HTML5用先进的技术教你挖坑，CSS教你把坑挖的好看，SQL是一个记录本，被PHP， http:// ASP.NET ，以及JSP，ASP这3P写记录。
仓宁，谦卑
路飞 赞同
做个类比吧，html类为名词，负责展示页面内容；css类为形容词，负责修饰页面使之页面更美观；js类为动词，数据的处理验证
woofer，找个妹子的年度重点工作目测又完不成了……
朱凌志 赞同
题主看完票数最高的答案之后应该对这些都已经有了了解。如果想开始学习，推荐一个教学网站。
http://www.
w3school.com.cn/
。希望能帮到你。
Jerry Xue，程序员
洪松 赞同
一个网站，网游，etc 所有联网才能用的东西，包含客户端和服务器端。客户端是给你看和用的，服务器端是真正在做事的。
HTML, HTML5, XHTML, CSS, JavaScript 是客户端技术，负责用户界面和互动。
HTML5 是HTML 的一个版本。
XHTML 是比HTML语法更严格的语言，不过基本上差不多。
JavaScript 是客户端脚本语言，能让你做出各种互动动画效果。不过服务器断现在也有用，比如node.js。
SQL和WebService 是服务器端的技术，SQL负责数据存储，WebService负责实现逻辑功能，比如处理数据。
http:// ASP.NET 是微软推出做网站的一整套解决方案，包含了服务器端和客户端。
HTML, HTML5, XHTML, CSS, JavaScript 是客户端技术，负责用户界面和互动。
HTML5 是HTML 的一个版本。
XHTML 是比HTML语法更严格的语言，不过基本上差不多。
JavaScript 是客户端脚本语言，能让你做出各种互动动画效果。不过服务器断现在也有用，比如node.js。
SQL和WebService 是服务器端的技术，SQL负责数据存储，WebService负责实现逻辑功能，比如处理数据。
http:// ASP.NET 是微软推出做网站的一整套解决方案，包含了服务器端和客户端。
chinaxing，生也有涯，知也无涯
先入门下web建站是干啥，起码能自己搭一个动态web，然后你就明白这些技术是干嘛的了
前面已经说的很清楚了，但都没有自己实践懂得快。与其来伸手，不如多看书
王潇，身高一定要到一百八嚒。
http://qlab.qyer.com/moleskine/?category=201407162130&campaign=weibo_go2eu
特别想知道这个网页是怎么做出来的。
赵志强，天然呆
http://www.
w3cschool.com.cn
巨型猪头，禽兽养殖场场长
额，既然是新手，我觉得就比较适合我这种水得不行、基本靠意识流写代码的三流前程序猿来回答了。
声明一下，我基本上就介绍个感性认识，底层技术我现在还没整麻溜呢。
1.首先要给这个问题里的一串专业术语分分类。
A.按概念的粒度可以分为两类，一类是具体的某一种技术，另外一类是一个笼统的技术概念。一串英文缩写的那些都是一种特定的技术，大部分都是一种具体的编程语言，剩下的Web Service、浏览器脚本、服务器脚本都是一种技术概念。
B.按功能分的话种类就比较多了，而且一个分类中的技术可能还会有别的用处，我这里就讲讲常用的功能，看不懂也没关系，后面我再具体地讲。
HTML、HTML5、XHTML、CSS和浏览器绘制页面有关；SQL跟网站后台数据库有关；JavaScript是一种浏览器脚本语言；PHP，http://ASP.NET都是服务器端编程的技术；Web Service的话，我也不是特别懂，我一般认为这是一种基础平台透明的远程调用技术集；浏览器脚本和服务器脚本分别是在浏览器上运行和在服务器端运行的程序代码。
2.技术之间的关系。
A.用户使用浏览器时接触到的一般就是用HTML描述的页面，当用户执行了点击链接之类的请求操作后，浏览器会生成一个HTTP请求。
B.服务器端程序在接收到请求之后就会在服务器上跑一段程序，然后根据运行结果生成一个HTML页面发回给浏览器。
C.然后浏览器就会根据HTML的描述在屏幕上绘制出这个页面。
3.简单介绍一下这些技术。
技术之间的组合其实就跟组装电脑时电脑零件的关系一样，主板用什么牌子、显卡用什么型号都是开发者可以自己决定的。
应用范围的话一般每个技术都有它的设计功能，但实际运用的时候往往会有一些大牛开发出新的用法，所以也不用太拘泥于这个，用得开心就好。
现在介绍一下具体的技术吧，我也只是三流小菜鸡，介绍仅供参考。
HTML、XHTML、HTML5可以看做是一种同类技术的演进吧，随着技术的发展，语言作为技术的容器可能会出现瓶颈，这个时候就要换新的语言来作为技术的容器才能使技术继续发展。这三者的设计目的都是为了能描述出特定的页面，就像是画画的颜料一样。
CSS是对HTML描述的辅助，可以让页面描述的建立和修改变得更容易。
SQL是一种数据库语言，但一般可以用来暗指网站后台的数据库技术。一般常用的（关系型）数据库管理都和SQL有关。
JavaScript一般作为浏览器脚本使用。
PHP、http://ASP.NET一般都作为服务器端程序语言使用，开发者就是用这些语言开发出了接受用户请求后在服务器上跑的程序代码。一般服务器端程序的目的都是根据请求生成响应或者执行操作。
Web Service主要用于异构系统之间的远程通信等作用。就好像你打电话给微软的技术支持人员，然后你就可以获得帮助，只要他说的是你听得懂的一种语言比如英语那你就不用管接你电话的到底是美国人还是开挂的阿三哥。
浏览器脚本是在浏览器上运行的程序，虽然服务器端程序生成了浏览器脚本，但是这些代码只有在浏览器上才会真正地被使用。比如用户滑动鼠标的时候页面自动发生变化。服务器端程序只有在用户发起请求时才能给用户提供服务，就像是一个客户服务电话，而浏览器脚本就好像是你派到用户家里的保姆。
服务器端脚本一般是服务器端程序的一部分。
曹瑞绅，移动应用开发者
最近在学PHP SQL编程给 客户端做后台。
原理楼上几个大大说得很详细了，
我来说说别的。
这个我刚学的时候也是一头雾水 ，边学边做大概一个月后差不多弄明白大概了.
建议楼主不要试图一次性弄明白全部，很多技术实际上一时半会也用不上，时间久了就忘记了。
可以试着找教程 做点小项目，边学边看 不懂的在上网搜 效果非常好。
原理楼上几个大大说得很详细了，
我来说说别的。
这个我刚学的时候也是一头雾水 ，边学边做大概一个月后差不多弄明白大概了.
建议楼主不要试图一次性弄明白全部，很多技术实际上一时半会也用不上，时间久了就忘记了。
可以试着找教程 做点小项目，边学边看 不懂的在上网搜 效果非常好。
高笠峰，归零，归归归归归归归归归零
long leil 赞同
题主，上面这些名词中只有php、web service涉及到建站技术，js范围过于宽泛，把node js算上也算一个。上述这些涉及建站的技术名词的区别就在于其“
实现技术不同”。
虽然我也是刚入门的菜鸟，但从问题中可以感觉到题主对这些技术知之甚少，所以题主还是慢慢学习，从html+css到java web、php再到web service，这一趟学下来自然知道各种东西都是干什么用的了。
抱歉我没有很好的回答这个问题，一是因为本人水平也有限怕出现谬误，而是觉得题主就算看到了这个问题的权威答案仍然不会有很大帮助。如果我的理解有误，请折叠，别客气。
虽然我也是刚入门的菜鸟，但从问题中可以感觉到题主对这些技术知之甚少，所以题主还是慢慢学习，从html+css到java web、php再到web service，这一趟学下来自然知道各种东西都是干什么用的了。
抱歉我没有很好的回答这个问题，一是因为本人水平也有限怕出现谬误，而是觉得题主就算看到了这个问题的权威答案仍然不会有很大帮助。如果我的理解有误，请折叠，别客气。
支浩宇，广州天河工作
kevman、欧诺里拉问 赞同
作为一个多年网站开发经验的老手，我告诉你
HTML5、XHTML、PHP、 http:// ASP.NET 、Web Services这五个技术是我工作中从来不曾使用过的。
HTML5、XHTML、PHP、 http:// ASP.NET 、Web Services这五个技术是我工作中从来不曾使用过的。
XHTML，这个词是很久以前用的，因为以前HTML很落后，网页都是静态的文本图片，不能像现在的网页有这么多互动。后来人们慢慢给HTML增加功能，为了跟原来的HTML区分， 就弄出来“XHTML”这么一个词汇。 现在已经不用了。因为说到底，还是HTML，加个字母X纯属装逼。
再例如PHP， 我们网站不用PHP，用别的， PHP吹得天花乱坠跟我一点关系都没。http://ASP.NET吹得神乎其神，跟我一点关系都没！ 我用的是J2EE (Java)做的网站！ 那么为什么同样的功能，会冒出来这么多不同的技术呢？ 因为世界上有不同的公司啊！ 原先微软没进入这个行业的，后来微软一看，搞Web开发很火啊，于是微软也搞了一套http://ASP.NET出来， 支持使用Visual Basic .NET语言（Basic的语法据说是最容易学的，微软想来忽悠这些菜鸟都来用他的产品）。 世界上这么多软件公司，所以开发出来这么多不同的技术很正常。
而以下这四个， 则有必要提一提。
这四个是你逃不掉的。 这四个比微软还微软，微软的windows虽然牛，但也还有Unix，Linux等等跟他竞争。 而上述的这四项技术，是完全没有竞争的，你如果不想用，除非你自己去发明一套新的技术出来。
神楽坂伊桜
包承凯、诺贝尔、刘先森 等人赞同
1、HTML - 超文本标记语言（英文：HyperText Markup Language，HTML）是为「网页创建和其它可在网页浏览器中看到的信息」设计的一种标记语言。 HTML
2、HTML5 - HTML下一个主要的修订版本，现在仍处于发展阶段。 HTML5
3、XHTML - 可扩展超文本标记语言（eXtensible HyperText Markup Language，XHTML），是一种标记语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。 XHTML
4、CSS - 层叠样式表（英语：Cascading Style Sheets，简写CSS），又称串样式列表、层次结构式样式表文件，一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，由W3C定义和维护。 层叠样式表
5、SQL - 结构化查询语言（en:Structured Query Language，縮寫為SQL），一種程式語言，用于数据库中的标准數據查询语言。 SQL
6、JavaScrip - 一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部份，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。然而现在JavaScript也可被用于网络服务器，如Node.js。 JavaScript
7、PHP - 是一种开源的通用计算机脚本语言，尤其适用于网络开发并可嵌入HTML中使用。PHP的语法借鉴吸收了C语言、Java和Perl等流行计算机语言的特点，易于一般程序员学习。PHP的主要目标是允许网络开发人员快速编写动态页面，但PHP也被用于其他很多领域。 PHP
8、 http:// ASP.NET - 开发Web应用程序的类库，封装在System.Web.dll文件中，显露出System.Web命名空间，并提供 http:// ASP.NET 网页处理、扩充以及HTTP通道的应用程序与通信处理等工作，以及Web Service的基础架构。 http:// ASP.NET 是ASP技术的后继者，但它的发展性要比ASP技术要强大许多。 ASP.NET
9、Web Services - Web服务是一种服务导向架构的技术，通过标准的Web协议提供服务，目的是保证不同平台的应用服务可以互操作。 根据W3C的定义，Web服务（Web service）应当是一个软件系统，用以支持网络间不同机器的互动操作。网络服务通常是许多应用程序接口（API）所组成的，它们透过网络，例如国际互联网（Internet）的远程服务器端，执行客户所提交服务的请求。 Web服务
【总结】
HTML、HTML5、XHTML、CSS属于前端开发语言。
PHP属于服务器后端语言。
JavaScrip既可以编写前端，也可以使用在服务器端（Node.js）。
SQL主要作用是对数据库进行操作。
http:// ASP.NET 是web（网页）应用开发框架（开发语言可以是C#和VB）。
Web Services由许多API（Application Programming Interface 应用程序接口）组成，以执行用户请求。
2、HTML5 - HTML下一个主要的修订版本，现在仍处于发展阶段。 HTML5
3、XHTML - 可扩展超文本标记语言（eXtensible HyperText Markup Language，XHTML），是一种标记语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。 XHTML
4、CSS - 层叠样式表（英语：Cascading Style Sheets，简写CSS），又称串样式列表、层次结构式样式表文件，一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，由W3C定义和维护。 层叠样式表
5、SQL - 结构化查询语言（en:Structured Query Language，縮寫為SQL），一種程式語言，用于数据库中的标准數據查询语言。 SQL
6、JavaScrip - 一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部份，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。然而现在JavaScript也可被用于网络服务器，如Node.js。 JavaScript
7、PHP - 是一种开源的通用计算机脚本语言，尤其适用于网络开发并可嵌入HTML中使用。PHP的语法借鉴吸收了C语言、Java和Perl等流行计算机语言的特点，易于一般程序员学习。PHP的主要目标是允许网络开发人员快速编写动态页面，但PHP也被用于其他很多领域。 PHP
8、 http:// ASP.NET - 开发Web应用程序的类库，封装在System.Web.dll文件中，显露出System.Web命名空间，并提供 http:// ASP.NET 网页处理、扩充以及HTTP通道的应用程序与通信处理等工作，以及Web Service的基础架构。 http:// ASP.NET 是ASP技术的后继者，但它的发展性要比ASP技术要强大许多。 ASP.NET
9、Web Services - Web服务是一种服务导向架构的技术，通过标准的Web协议提供服务，目的是保证不同平台的应用服务可以互操作。 根据W3C的定义，Web服务（Web service）应当是一个软件系统，用以支持网络间不同机器的互动操作。网络服务通常是许多应用程序接口（API）所组成的，它们透过网络，例如国际互联网（Internet）的远程服务器端，执行客户所提交服务的请求。 Web服务
【总结】
HTML、HTML5、XHTML、CSS属于前端开发语言。
PHP属于服务器后端语言。
JavaScrip既可以编写前端，也可以使用在服务器端（Node.js）。
SQL主要作用是对数据库进行操作。
http:// ASP.NET 是web（网页）应用开发框架（开发语言可以是C#和VB）。
Web Services由许多API（Application Programming Interface 应用程序接口）组成，以执行用户请求。
newblue，君子不器
angryn00b、伍贝、望海川 等人赞同
忘记技术吧，想想除了技术还有什么，你如果形而下的去纠结技术，只会变成技术的傀儡，他们只是一种表达的方式，希望你可以形而上的去看待技术，技术千变万化，但都是为了解决问题的方式。请问问自己，自己问题是什么？要如何解决，再来安排技术，而技术的选择，最后往往不是最好的那个，而是你能够最快解决问题的那个，通常就是你最熟悉的那个。
求折叠，这答案我写给自己看的。