波仔
🕸️ 第一章 Web技术基础知识
📄 一句话概括

Web 是【用超链接把文档连起来、再用浏览器取回来】的一套办法——它跑在互联网上，但互联网本身并不是 Web。

📝 本节和前面几节的关系

这是本课的第一篇，也是全课的地基。前面二十门课里，我们学过网络怎么连（🌐 计算机网络）、服务器怎么转（🖥️ 服务器工作原理）、算力怎么变成服务（☁️ 云计算）——那些课讲的都是【底下的东西】。这门课讲一件天天发生在你眼前、却很少有人讲清楚的事：你敲个网址按下回车，画面就出来了——这中间到底是谁在干活。

而在讲"谁在干活"之前，得先分清两个总被混着说的词：互联网是路，Web 是路上跑的一种车。 这一篇先把"车"是什么说清楚。

一、三个词，一条线

教材这一条并列了三个词：WWW、超文本、超链接。它们不是同义词，而是一条线上的三个点：

一句话串起来：用超链接把超文本连起来，连成的就是 WWW。

二、超文本厉害在哪：顺序被解除了

纸上的书，你只能从头往后翻。超文本做的是把【顺序】这件事解除掉：

对比 普通文本（一叠纸） 超文本（一张网页）
怎么往下看 只能按页码顺序翻 看见蓝色字就点
想跳到别处 得先知道在第几页 一步到位
中间插一段 后面页码全乱 谁也不影响谁

这三条里，第三条最容易被忽略。一叠纸要增删内容，代价是重新排版；而一张网页加一个链接，其他页面照旧。正是这一点，让"内容越堆越多"不再意味着"越来越难查"——网越大，反而越好走。

三、Web 不是互联网

这是本篇最要紧的一句区分，教材专门留了一节的篇幅给它：

反过来看更清楚：没有互联网，Web 无从谈起；但没有 Web，互联网照旧能发邮件、传文件、打游戏。 互联网 1969 年就有了，Web 要到 1991 年才由蒂姆·伯纳斯-李做出来——中间那二十多年，互联网一直在跑，只是跑的不是网页。

所以以后凡是看到"上不了网"和"打不开网页"这两句话，就该多问一句：是路断了（连不上互联网），还是车坏了（服务器没响应）？这两种故障，找的人都不一样。

四、动手 Demo：点几下能到

Web 的"网"字不是修辞。超链接把小页面连起来之后，【离得多远】就变成了一个能算的东西——这正是它比一叠纸强的地方。

# 小世界：平均点击距离约等于 log(N) 除以 log(每页出链数)
import math
N, k = 200, 12
d = math.log(N) / math.log(k)
print("平均点击距离 %.2f 次" % d)

实跑输出：

--------------------------------------------------------------------
D1  什么是 Web：超文本、超链接，与【点几下能到】
--------------------------------------------------------------------
  同一份内容，两种给法：
  ----------------------------------------------------------------------------------------
  给法                读者怎么走                    能跳多远
  ----------------------------------------------------------------------------------------
  一叠纸（普通文本）  只能从头翻到尾                翻 300 次才到最后
  一张网页（超文本）  看见蓝色字就点一下            一步跳到任何一页

  超链接把小页面连成一张网，于是【离得多远】变成了可以算的东西：

  页面总数 N            200         个页面
  每页平均链出 k        12          个链接
  平均点击距离          2.13        次（log N 除以 log k）

  200 个页面，平均只要点 2.1 次就能从任一页走到任一页；
  页面再多十倍（2000 个），也只多出 0.9 次。
  这就是超链接真正带来的东西：不是【更多内容】，是【更短的路】。

读这个输出：最值得看的是最后两行对比。页面数量翻了十倍，平均点击距离只多出不到一次。这说明超链接的价值不在"能连到"，而在"无论网多大，路都不会变长"——这正是它被叫做 Web（网）而不是 List（列表）的原因。

五、⚠️ 2026 现状

教材 2024 年出版，三个概念的定义今天没有变，但有几处值得补：

30 秒实验

打开浏览器，随便进一个网页，然后做三件事：

  1. 数一数这一页里你能点出多少条链接（不用真数，瞄一眼大概几档：几个、几十、还是上百）。
  2. 找一个链接点进去，再点浏览器的返回——注意你没有重新输入网址就回到了原处。
  3. 想象一下：把这一页打印到纸上，那些链接还剩什么？

做完想一想：如果这一页只能按顺序读、不能点，你还会来第二次吗？

常见误区

  1. 错误：Web 就是互联网，上网就是打开网页。——纠正：互联网是路，Web 是路上的一种车。发邮件、传文件、打网络游戏都不经过 Web，但要经过互联网。判断方法：把"浏览器"这个软件关掉，互联网照样活着——这就说明 Web 只是它上面的一项服务。

  2. 错误：超链接只是"蓝色的字"。——纠正：蓝色下划线只是浏览器给的默认外观，不是它的本质。图片、按钮、图标都可以是超链接；反过来，蓝色的字也可能压根不是链接。它的本质只有一条：指向别处。

  3. 错误：WWW 和 Web 是两个东西。——纠正：WWW 就是 World Wide Web 的缩写，和 Web 是同一个东西。写法不同而已。教材把 WWW 和超文本、超链接并排列出，是要你把【缩写全称】【做法】【零件】三样分清，不是三样东西。

  4. 错误：没有 Web 就没法上网了。——纠正：Web 只是应用层里的一种。 互联网上还跑着邮件、文件传输、域名解析、流媒体等等。这一篇末尾留了一个钩子，1-10 会把这张更大的地图摊开。

自测三问（点开对答案） 1. 一页网页里放了一个链接，指向图片文件而不是网页文件，它还是"超链接"吗？ —— **是**。超链接只要求"指向别的东西"，不要求指的目标必须是网页。点一个指向图片、视频、PDF 的链接，同样是在用超链接——只是浏览器打开它的方式不同罢了。 2. 为什么说"互联网是路、Web 是车"？这个比喻最关键的差别是什么？ —— 关键在于**两者可以分别断电**。路断了（连不上互联网），所有车都动不了；车坏了（某个网站打不开），路还是好的，别的车照样跑。**这个比喻的用处不是形象，是让你在出故障时能问出那句"路断了还是车坏了"**，而不是笼统地说"网不好"。 3. 超链接带来"页面再多路也不会变长"，靠的是什么前提？ —— 靠**每个页面都主动往外连**。如果一页只被人连、自己不连出去，它在网里就是个死胡同，再多也只是堆在一起。**Web 之所以是"网"而不是"仓"，正是因为每个节点都在往外长线**——这也是为什么一个健康的网站既要被人找到，也要把出去的路留好。

相关笔记