看到这章的名字,对于日常上网冲浪的我们而言,应该是再熟悉不过了。这不就是常见网址前的那三个字母,号称万维网(WWW,World Wide Web)
的东西吗?
确实,我们本篇文章就要介绍与之相关的内容。
万维网是将互联网中的信息已超文本(显示文本以及文本相关的内容)形式展现的系统,也叫做Web。可以显示WWW信息的客户端软件叫做Web浏览器。比如微软的Edge(书中提到的是Internet Explorer,但这年代了谁还用IE啊)、Mozilla基金会的Firefox、Google的Chrome、苹果公司的Safari等。
只有有网,只要有浏览器,人们只用轻轻点击鼠标,就可以访问任何可以被访问的页面,并浏览相关信息。
通过浏览器访问后回显的内容叫做“Web页”。
WWW定义了3个重要的概念
URI(Uniform Resource Identifier,统一资源标志符)
HTML(HyperText Markup Language,超文本标记语言)
HTTP(HyperText Transfer Protocol,超文本传输协议)
等操作接下来我们就详细讲一下这三个概念
URI(Uniform Resource Identifier,统一资源标志符),从名字就可以看出来,其用于资源表示,是一种可以用于WWW之外的高效的识别码,被用于主页地址、电子邮件、电话号码等各种组合中,例如:
这些例子属于一般主页地址,也被叫做URL(Uniform Resource Locator)
,URL常用语表示互联网中资源文件的具体位置。但URI不局限于标识互联网资源,可以作为所有资源的识别码。URI相比URL,是一个更加广义的概念。虽然在RFC中转而在使用URI,但是人们在日常中仍旧习惯使用URL的说法(到2022年都如此呢)
URI表示的组合叫做方案(Scheme)
,WWW主要用其中的http和https表示Web页的位置和访问Web页的方法。URI的http方案具体格式如下:
其中主机名表示域名或IP地址;
端口号表示传输端口号,省略端口号是表示采用http的默认端口为80;
路径是指主机上该信息的位置;
访问内容表示要传给CGI(Common Gateway Interface,通用网关接口)
的信息;
部分信息表示页面当中的位置等。
这种表示方法可以唯一地标识互联网中特定的数据,不过,由于用http方案展现的数据随时有可能发生变化,所以即使将自己喜欢的页面的URI(URL)记住,也不嫩而过保证下次是否还能够访问到一模一样的网页。
HTML(HyperText Markup Language,超文本标记语言)是记述Web页的一种语言(数据格式)。它可以指定浏览器中显示的文字、文字的大小和颜色,此外,不仅可以对图像或动画进行相关设置,还可以设置音频内容。
HTML也具有纯文本的功能,在页面中不仅可以为文字或图像附加链接,用户可以通过点击这些链接,了解自己想要了解的信息。
HTML也可以说是WWW通用的数据表现协议,即使是在异构的计算机上,只要使用HTML展现的数据,效果基本上是一致的。可以认为HTML属于WWW的表示层。
HTTP(HyperText Transfer Protocol,超文本传输协议),当用户在浏览器地址内输入所要访问Web页的URI之后,HTTP的处理就会开始。其默认使用80端口,首先是客户端向服务器的80端口建立一个TCP连接,然后在这个TCP连接上进行请求和应答以及数据报文的发送,下图展示了HTTP 的工作机制:
HTTP中常用的有两个版本:HTTP1.0
和HTTP1.1
。
HTTP1.0中每一个命令和应答都会触发一次TCP连接的建立和断开,而从HTTP1.1开始,允许在一个TCP连接上发送多个命令和应答(叫做保持连接Keep-alive)。
值得一提的是,HTTP2.0
早在2015年5月就以标准的形式被发布,据某网站统计,截止2021年10月,全球有46.5%的网站支持HTTP/2.0。相较于HTTP1.1,其主要变化在于,及时修改也不会破坏现有程序的正常工作,但是新的程序可以借由新特性得到更好的速度;二是在于HTTP/2采用了新的方法来编码、传输客户端和服务器之间的数据。
这里仅列出HTTP中的主要命令,
而应答信息(同样是3位数字)限于篇幅长度,不再列举,但类型可以分为
以下的内容算是扩展部分,主要涉及三个部分
web的基本要素是URI、HTML、HTTP,但是这些无法更改与条件相符的动态内容,为了执行特定程序时可以实现更加精彩、多样的内容,例如网络购物、搜索、动态画面等,就需要用到JavaScript语言。
首先明确,我们称Web浏览器端执行的程序为客户端程序,在服务器端执行的程序为服务器端程序。
JavaScript就是一种嵌入在HTML中的编程语言,作为客户端程序可以运行于多种类型的浏览器。这些浏览器下载了嵌入JavaScript的HTML后,其对应的JavaScript程序就可以在客户端得到执行。
JS程序可以用于验证客户端输入字符串是否过长、是否填写或选择了页面中的必选选项等功能(因为如果都放在服务器执行,给服务器带来的负荷相当之大)。
另外,JS程序还可以用于操作HTML或者XML(Extensible Markup Language,可扩展标记语言)的逻辑结构(Document Object Model,DOM)以及动态显示Web也的内容和页面风格上。另外还有服务器端不需要读取整个页面而是通过JavaScript操作DOM来实现更为生动的Web页面的技术——Ajax(Asynchronous JavaScript and XML)技术。
CGI是Web服务器调用外部程序时所使用的一种服务端应用的规范。
一般的Web通信中,只是按照客户端请求将保存在Web服务器硬盘中的数据转发而已,这种情况下客户端每次收获的信息也是同样(静态)的内容。引入CGI之后,客户端请求会触发Web服务器端运行另一个程序,客户端输入的数据也会传给这个外部程序。该程序运行结束后会将生成的HTML和其他数据再返回给客户端。
利用CGI,可以针对用户的操作,返回给客户端有各种各样变化(动态)信息。论坛与网上购物系统中就经常使用CGI调用外部程序或访问数据库。
Web中为了获取用户信息使用一个叫做Cookie的机制,用Cookie在客户端保存信息(多为用户名、登录名等信息)。Cookie常被用于保存登陆信息或者网络购物中放入购物车的商品信息。
从Web服务器检查Cookie可以确认是否为同一对端的通信,从而存放于购物车里的商品信息就不必要保存到服务器了。
另外,书中提到了博客与RSS。博客blog是weblog的缩写,是一种在使用着完全不懂HTML,也不需要使用FTP的情况下,轻松建立Web页并更新内容的网络服务应用。我们的这一系列笔记也属于博客。
而RSS(Really Simple Syndication或RDF(Resource Description Framework) Site Summary,中文常译作简易信息聚合)是用来交互与Web站点内容更新相关的只要信息的一种数据格式。总而言之,其用于将页面的标题、章节、摘要、分类、关键字等原本Web上难以抽取的内容进行聚合,只显示页面的概要,提高关键字搜索的精度。
如果发布消息的Web站点支持RSS,那么用户就可以轻松地通过RSS获取该站点的最新消息。
值得一提的是,国内的许多站点为了占据用户的浏览时长,把RSS机制取消了(这也是网络逐步发展中必经的一环,对我个人而言,算是弊端,例如推送给你那些不感兴趣的内容,或者在搜索时呈现很多无意义的搜索结果等)。
在此安利一个开源项目DIYgod/RSSHub: Everything is RSSible (github.com),其是一个开源、简单易用、易于扩展的 RSS 生成器,可以给任何奇奇怪怪的内容生成 RSS 订阅源。RSSHub 借助于开源社区的力量快速发展中,目前已适配数百家网站的上千项内容。
我曾经使用过一段时间,那种所有你想要了解的信息都汇聚于一个界面的感觉确实很便利。
本篇内容主要讲了有关WWW(万维网)的一些相关概念,简而言之,就是我们使用浏览器上网冲浪时涉及到的一些知识点。
首先,WWW是一个系统级的概念,其常见于网址,定义了三个重要的概念:
URI(Uniform Resource Identifier,统一资源标识符):
用于标识网络中的资源,更准确的讲,是提供该网址的服务器中可以访问到资源
HTML(HyperText Markup Language,超文本标记语言):
用于记述Web网页的一种信息,将网页中的元素标签化,而浏览器正是通过读取HTML文件,将其渲染为可视化网页。HTML属于一种标记语言而非编程语言。
HTTP(HyperText Transfer Protocol,超文本传输协议):
是一种用于两节点(此处指网站)之间请求与应答的标准,是WWW的数据通信的基础,其建立的目的是为了提供一种发布和接收HTML页面的方法,其请求的资源由URI来标识。通常占用TCP80端口。
迄今为止主要经历了三个版本,主要特点如下
主要有8个命令,以及5类信息。(参见正文内容)
之后,书中讲了三个相关概念: