HTML5基础与实践教程
上QQ阅读APP看书,第一时间看更新

1.1 Web概述

Web是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统,是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。

1.1.1 Web的诞生

1980年,英国科学家Tim Berners-Lee(蒂姆·伯纳斯·李)在欧洲核子物理实验室(European Particle Physics Laboratory,CERN)工作时建议建立一个以超文本系统为基础的项目来帮助来自世界各地的科学家们分享和更新其研究结果。他与Robert Cailliau(罗勃·卡力奥)一起建立了一个叫作ENQUIRE的原型系统。

1984年伯纳斯-李重返欧洲核子物理实验室,这次作为正式成员。他继续之前的工作,创造了万维网。为此他创建了世界上第一个网页浏览器和第一个网页服务器(httpd)。世界上的第一个网站致力于万维网项目本身,并且搭载在伯纳斯-李的NeXT工作站上。这个网站描述了Web的基本特性,包括如何去访问他人的文档,以及如何建立自己的Web服务器。这台传奇的NeXT工作站至今仍在欧洲核子物理实验室。为了纪念万维网的诞生,在2013年,世界上的第一个网站被还原到最初的地址。现在仍可以去访问这个网站,去回顾现在的网站是从哪里开始的。世界上第一个网站的网址为http://info.cern.ch/hypertext/WWW/TheProject.html,内容如图1-1所示。

978-7-111-64810-9-Chapter01-1.jpg

图1-1 世界上第一个网站

1.1.2 Web的特点

1.Web拥有易导航的和图形化的界面

Web非常流行的一个很重要的原因就在于它可以在一网页上同时显示色彩丰富的图形和文本。在Web之前,Internet上的信息只有文本形式。Web具有将图形、音频、视频信息集合于一体的特性。同时,Web是非常易于导航的,只需要从一个链接跳到另一个链接,就可以在各网页、各站点之间进行切换了。

2.Web与平台无关

无论计算机系统平台是什么,都可以通过互联网访问Web。浏览Web对系统平台没有限制。无论是Windows平台、UNIX平台、Mac平台还是其他平台,都可以访问Web。对Web的访问是通过浏览器(browser)软件来实现的,免去了开发者在不同平台之间的重复工作,也让不同平台的用户能够正确地获取同一份信息,浏览同一个网页。

3.Web是分布式的

大量的图形、音频和视频信息会占用相当大的磁盘空间,甚至无法预知信息的多少。对于Web而言,这些海量的信息并不是集中存储的,信息被分布式地存储在Web不同的站点上。物理上而言,Web上的一个个网站,被搭载到了成千上万的服务器上。这些服务器中,有些是属于同一个站点的,它们可能会被集中地部署在一起,而分属不同站点的服务器之间则可能会相隔万里,但这并不会影响Web在逻辑上的统一性。从用户的角度,只需要在浏览器中指明这个站点就可以轻易地访问到物理上并不一定在一个站点的信息,在浏览器背后的Web仿佛被抽象成为一个整体,它就是这些海量的信息。

4.Web是动态的

由于各Web站点的信息包含站点本身的信息,信息的提供者可以经常对站上的内容进行更新。如某个协议的发展状况、新鲜的资讯等。一般各信息站点都尽量保证信息的时间性,以获得持续的访问与关注。所以,Web站点上的信息是动态的、经常更新的,这一特性由信息的提供者所保证。

5.Web是交互的

Web的交互性首先表现在它的超级链接上,用户的浏览顺序和所到站点完全由自己决定。另外,用户也可以从服务器方动态地获取信息,通过填写表单并向服务器提交请求,服务器便可根据用户的请求返回相应信息,此过程体现了Web的交互性。

1.1.3 Web的工作原理

用户通过客户端浏览器访问Web上的网站或者其他网络资源时,通常需要在客户端浏览器的地址栏中输入所要访问网站的统一资源定位符(Uniform Resource Locator,URL),或者通过超级链接方式链接到相关网页或网络资源,其中的网页资源主要采用HTML(HyperText Markup Language)编写,然后通过域名服务器进行全球域名解析,并根据解析结果确定所要访问的IP地址(IP address)获取相应的网络资源。

获取网站的IP地址后,客户端的浏览器向指定的IP地址上的Web服务器发送一个HTTP(Hypertext Transfer Protocol,超文本传输协议)请求。通常情况下,Web服务器会很快响应客户端的请求,将用户所需要的HTML文本、图片和构成网页的其他一切文件发送回用户。如果需要访问数据库中的数据,Web服务器会将控制权转给应用服务器,根据Web服务器的数据请求读写数据库,并进行相关数据库的访问操作,应用服务器将数据查询响应发送给Web服务器,由Web服务器再将查询结果转发给客户端的浏览器,浏览器再把客户端所请求的内容以网页的形式显示给用户。这就是Web的工作原理,如图1-2所示。

978-7-111-64810-9-Chapter01-2.jpg

图1-2 Web的工作原理

1.1.4 Web URL介绍

在使用浏览器访问Web网页时,有一个概念是无论如何也无法绕开的,那就是URL,也就是人们平时俗称的网址。URL是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。无论是在日常浏览网页,还是在之后的HTML 5学习中,都需要不断接触到URL。下面通过一个示例URL,来学习一个URL各部分都代表了什么。

就以世界上的第一张网页为例:http://info.cern.ch/hypertext/WWW/TheProject.html。

首先开头的http代表了所使用的获取资源的协议,该URL显示获取这个网页资源要使用的是HTTP。然后,info.cern.ch这部分指明了资源所在的服务器,它是一个域名(domain name)。域名将难以理解的网络地址抽象为一个个可以被人类记忆并理解的英文单词组合,便于人们的使用和访问。之后的/hypertext/WWW/这部分代表了所要获取资源所在的路径(path),即一张网页所在服务器的文件路径,这部分的原理就如同在平时使用的计算机上定位文件一样。最后的TheProject.html这部分代表了所要获取资源的文件名,即具体的一个HTML文档。