什么是网站：小白web入门教程，从一个类比开始

摘要：身处移动互联网时代，我们早已习惯了互联网带给我们的便利，甚至把这当作理所当然。如果你仍像童年时对未知充满好奇，不妨跟着我一起了解这一神奇技术背后的机理。本文尝试用浅显易懂的笔调，为您揭开互联网的神奇面纱。

什么是web（网站）?

我们先来一段维基百科的官方解释：

万维网（英语：World Wide Web），亦作“WWW”、“Web”，是一个由许多互相链接的超文本组成的系统，通过互联网访问^[1]。英国科学家蒂姆·伯纳斯-李于1989年发明了万维网。1990年他在瑞士CERN的工作期间编写了第一个网页浏览器^[2][3]。网页浏览器于1991年在CERN向外界发表，1991年1月开始发展到其他研究机构，1991年8月在互联网上向公众开放。~维基百科

对于超文本大家或许有些陌生，他是超级文本的简称，其本质是具有特定结构的文本。文本我们好理解，在工作中我们常用的word，ppt，excel就是文本，那么“超文本”到底超级在哪里呢？

普通的文本我们只能对其编辑，保存，用来表达观点或记录信息。但超文本除了具有上述功能外，还具有“链接”的能力，即从一个文本跳转到另一个文本。不要小看了这一能力，他是构成互联网的必备要素。

国人常说的关系，其实就是“链接”的延伸。生活中“关系”越多的人，往往也掌握了更多的资源（钱）。同理链接越多、越复杂，超文本价值也越大。

举个前段时间网上流传的例子：一个明星刚回国，不知道北京实行单双号限行，结果驾驶证直接被交警拿走，一去不回。她被丢在路中间，不知所措，没了驾驶证，也不敢开车，后来托“关系”才把驾驶证要回来。这对于明星可能才有这种关系，若是换做普通人，想必就没这份待遇了。

跑偏了，意思就是：有关系好办事，“链接”产生价值。当我们身边的人不足以搞定某件事时，可以托我们身边人的关系搞，甚至身边人关系的关系。此时，关系之间错综复杂，形成“关系网”，这里类比到“链接”上，就是“互联网”。

网站是如何运作的?

我们托人办事，总要上下打点，通融通融。一般的过程是这样的（纯属虚构）

明星：赵哥，我的驾驶证被扣了，能帮我摆平吗？（查询）
赵哥：这个没问题老妹，我的大表哥的二舅的三姨夫在交警队，一个电话的事，不过……（请求）
明星：我懂，赵哥，这托人办事免不了上下打点，我这有两千块钱，你看着处理下。（授权）
赵哥：老妹爽快人，我去处理下，很快就给你回信。（处理）
过了几个小时……
赵哥：（电话）老妹，已经搞定，这就给你送过去。（返回）

其实上述过程就是网站的工作原理，我们在浏览器的每次点击需要经过上述过程（有简化）：到域名服务器（DNS）查询该域名对应的ip，根据ip请求服务器，服务器授权通过后，处理请求，请求返回。

例如，我们要访问：八阵图网络科技有限公司，看关于网站开发之类的文章。

1.解析主机名

那么我们首先点击上述链接。浏览器拿到网址之后首先会将主机名解析出来，如http://www.bazhentu.net/index.html则会将主机名www.bazhentu.net解析出来。

2.在DNS服务器上查找ip

根据主机名，会首先查找IP，首先查询hosts文件，成功则返回其对应ip地址，如果没有查询到，则去查询DNS服务器，成功就会返回ip，否则会报告连接错误。

3.发送http请求

浏览器会把自身相关信息与请求相关信息封装成HTTP（一种协议）请求消息发送给服务器。

4.服务器处理请求

服务器读取HTTP请求中的内容，在经过解析主机，解析站点名称，解析访问资源后，检查是否授权，会查找相关资源，如果查找成功，则返回状态码200，失败就会返回大名鼎鼎的404。

5.服务器返回HTTP响应，浏览器解析

服务器会将请求的资源封装成http响应（超文本或者json之类的格式），浏览器得到返回数据后可以会提取数据，然后调用解析内核进行翻译，最后显示出页面。当然处理超文本HTML这里还涉及到让界面变美的CSS以及让美动起来的js技术。

图片来自csdn

上述过程看似简单，但却涉及的很多细节，在之后文章会详细展开，这里需明确几个概念。

首先是浏览器：无论电脑浏览器还是手机浏览器或者微信甚至某些app都有内置的浏览器，我们若想进入web世界必须要借助他们。浏览器的主要目的是发起请求并将返回的超文本可视化，即解析成我们肉眼能够识别的色彩斑斓的网页。

其次是服务器：服务器能够根据浏览器的请求，执行特定的行为，前提是你要有通行证即授权（有些不需要授权），并把处理结果以某种格式（一般是超文本或者别的数据格式，例如json、xml等）返回给浏览器。

还有DNS服务器：它其实类似一个电话簿，里面记录了所有域名对应的ip信息。为什么不直接用ip呢？其实有的服务确实是直接用ip的，例如某些校园网，但更多的用域名。使用域名一方面让用户容易记忆，另一方面当服务器不可用时，直接更换服务器即可，无需通知用户。（忽略了某些细节）

明确了以上概念，我们对web也算有了基本了解。如果还不尽兴可以关注我的微信，看接下来的文章。我将从技术角度讲解web的组成，有志于学习web开发的不容错过。

迅哥.jpg