网页设计与制作教程:Web前端开发(第6版)
上QQ阅读APP看书,第一时间看更新

1.1 Web的基本概念

对于网页设计开发者,在动手制作网页之前,应该先了解Web的基础知识。

1.1.1 WWW

WWW是World Wide Web的缩写,又称3W或Web,中文译名为“万维网”。WWW是Internet的最核心部分,它是Internet上支持WWW服务和HTTP的服务器集合。WWW在使用上分为Web客户端和Web服务器。用户可以使用Web客户端(浏览器)访问Web服务器上的页面。

1.1.2 Web服务器

Web服务器也称为WWW(World Wide Web)服务器,一般指网站服务器。WWW是Internet的多媒体信息查询工具,是Internet上发展最快和目前用得最广泛的服务。正是因为WWW工具,近年来Internet迅速发展,且用户数量飞速增长。

Web服务器的主要功能是提供网上信息浏览服务。Web服务器可以解析HTTP,当Web服务器接收到一个HTTP请求时,会返回一个HTTP响应,这样浏览器等Web客户端就可以从服务器上获取网页(HTML),包括CSS、JS、音频、视频等资源。

1.1.3 网页浏览器

网页浏览器(Web Browser)是在客户端浏览Web服务端的应用程序,其主要作用是显示网页和解释脚本。通过浏览器可以访问互联网上世界各地的文档、图片、视频等信息,并让用户与这些文件互动。浏览器的种类很多,目前常用的有Google的Chrome、Microsoft的Edge、Mozilla的Firefox、Opera、Apple的Safari浏览器等。

浏览器最重要的核心部分是Rendering Engine(渲染引擎),一般称为“浏览器内核”,负责对网页语法(如HTML、JavaScript)进行解释并渲染(显示)网页。不同的浏览器内核对网页编写语法的解释会有所不同,因此同一网页在不同内核的浏览器里的渲染效果也可能不同,这正是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。现在主流浏览器采用的内核见表1-1。

表1-1 主流浏览器采用的内核

(续)

1.1.4 网站

网站(Website)是指在因特网上根据一定的规则,使用HTML等工具制作的用于展示特定内容相关网页的集合。简单地说,网站是一种沟通工具,人们可以通过网站来发布自己想要公开的信息,或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站,获取自己需要的信息或者享受网络服务。

网站是在互联网上拥有域名或地址并提供一定网络服务的主机,是存储文件的空间,以服务器为载体。人们可通过浏览器等进行访问、查找文件,也可通过远程文件传输(FTP)方式上传、下载网站文件。

1.1.5 网页

网页(Web Page)是一个包含HTML标签的纯文本文件(文件扩展名为.html或.htm)。网页是网站中的一“页”,网页是构成网站的基本元素。换句话说,网站就是由网页组成的。网页要通过网页浏览器来阅读。本书就是介绍网页制作的教材。

1.1.6 URL

URL(Uniform Resource Locator,统一资源定位器)就是Web地址,俗称“网址”。Internet上的每一个网页都具有一个唯一的名称标识,通常称之为URL地址。它是对从互联网上得到资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。在WWW上浏览,必须在网页浏览器中输入目标的地址。这种地址可以是本地磁盘,也可以是局域网上的某一台计算机,更多的是Internet上的站点。URL的一般格式如下:

协议://主机地址(IP地址)/文件夹//文件名/参数

协议是指URL所链接的网络服务性质,常见的协议有HTTP(Hyper Text Transfer Protocol,超文本传输协议)、FTP(File Transfer Protocol,文件传输协议)、TELNET(Telecom Munication Network Protocol,远程登录协议)、File(File Protocol,本地文件传输协议)。

URL的参数通常放在URL后面,用“?”开头,用“&”将多个参数连接起来。例如,https://www.baidu.com/s?wd=%E5%A5%B4&rsv_spt=1&rsv_iqid=0中“?”后面的字符是参数。

URL只能用ASCII字符编码集中的可显示字符表示。如果包含非ASCII字符集的字符,则需要转换。例如,“OK好的”会转成“OK%E5%A5%BD%E7%9A%84”。URL中不能包合空格,如要用空格,URL编码通常用“+”代替空格,例如“OK+好的”。

1.1.7 标记语言

标记语言是一种将文本(Text)以及与文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的计算机文字编码。标记语言的种类有很多,常见的有XML、HTML、XHTML等。

1.1.8 网页标准

Web应用开发需要遵循的标准就是网页标准(Web Standard)。网页标准不是某一种标准,而是一系列标准的集合。网页标准主要分为3类:结构(Structure)标准、表现(Presentation)标准和行为(Behavior)标准。其中,结构标准语言主要包括XML、HTML和XHTML,表现标准语言主要为CSS,行为标准主要包括对象模型DOM、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制定的,如ECMA(European Computer Manufacturers Association,欧洲计算机制造联合会)的ECMAScript标准。

1 HTML5的基本结构和语法规则