Web探索之旅 | 第二部分第一课：客户端语言

上图中，我们可以看到，在我们用电脑（手机，平板之类）上 的时候，同一个服务器可以服务好多个客户机。

当然了，同一台客户机也可以同时被好几个服务器服务（比如我们浏览不同 站的时候：在baidu.com，我们用的就是百度的服务器；在google.com，我们用的就是google的服务器）。就好比在餐厅里，一个服务生可以服务好几个客人，而一个客人也可以被几个服务生服务。

比较常用的浏览器有以下五个：Chrome，Firefox，IE，Safari，Opera。

调侃IE浏览器：

1. HTML：HyperText Markup Language （超文本标记语言）的缩写。W3C制定的编程语言，用来表述 页的整体样式。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。HTML不是一种编程语言，而是一种标记语言 (markup language)

2. CSS：Cascading Style Sheets（层叠样式表）的缩写。W3C制定的编程语言。既然叫“样式”表，那么它就是用于定义如何显示 HTML 元素。CSS使得HTML写成的页面不那么单调，可以有各种颜色，大小等。

3. JavaScript：一种脚本语言。与Java语言没有关系，不要因为看到名字中包含一个Java就以为JavaScript是Java的变体或者什么。可插入HTML页面，使 页具有动态/交互性。

对于这三种语言，我们这里就不深究了。如果要学习，可以去W3C学院学习， 址是：

http://www.w3schools.com/

http://www.w3school.com.cn/

要构建一个 页文件，HTML是必须的，CSS和JavaScript并不是必须。

也就是说，如果一个 页，光用HTML语言也可以描述（比如你可以写一个HTML的页面，只显示“Hello World!”），只不过很单调，没什么好看的样式，也不是动态 页。但是加上CSS和JS，我们的 页就丰富起来了。

我们一股脑儿讲了不少知识点，不知各位听官能消化不实我们还没讲静态 页和动态 页的概念，下一课【服务器语言】时再说。

为了更简单易懂，我们就用去餐厅用餐作比喻，来归纳一下上面的知识点：

1. Restaurant（餐厅）：Web大环境
2. Client（客户）：你和你的家人。
3. Server（服务器）：餐厅的服务生。
4. Browser（浏览器）：菜单。
5. Web page（ 页）：菜单里的每一页

你和你的家人作为客户（相当于客户机），来到一家餐厅（相当于Web这个大环境）就餐。服务生（相当于服务器）很热情地过来招呼每个客户，问你们要点什么。

然后，你和你的家人各自会点不同的菜色，就类似我们在浏览 页时点击不同的内容。

最后服务生就会在大厨（服务器后台）准备好菜之后为我们奉上了。类似 页根据每个用户的不同请求所作出的动态呈现：

其实我们可以在我们所浏览的 页上点击鼠标右键，选择“查看 页源代码”，就可以看到被浏览器解释之前的这个页面原来的样子了：

那么我们一般的 页文件（主要由HTML语言写成，可能还包含了内嵌的CSS和JS，或者外部引用CSS和JS）的内容大致是什么样子的呢/p>

以上就是一个 页文件的样例。可以看到它是HTML语言写成的，调用了css和javascript文件。

HTML这样的标记语言的一大特点就是有这样一对对的尖括 构成的结构，叫做tag（标签）。可以说HTML文件是由文本信息加标签组成，标签包裹了每一个文本，使得浏览器在翻译HTML文件时可以知道：“噢，这里是一个段落”，“噢，那里是一个标题”，“这里是一个超链接”，“那里是一张图片或一个视频”，等等：

这样我们的浏览器解释 页的源代码之后，就为我们呈现了美轮美奂（有的比较单调）的 页了。

总结

1. 我们的Web之所以能够正常运作，是依靠了很多编程语言。

2. HTML，CSS，JavaScript：客户端编程语言，决定了 站的外观。其中HTML和CSS可以说是不可或缺的。JavaScript与Java没有关系，是为了给HTML 页增加动态功能。然而现在JavaScript也可被用于Web服务器开发，如Node.js （一个Javascript运行环境（runtime））。

下回预告

Web探索之旅 | 第二部分第二课：服务器语言

我是谢恩铭，在法国巴黎奋斗的嵌入式软件工程师。
目前工作是Android嵌入式和app开发。
热爱生活，喜欢游泳，略懂烹饪。