一:Web基础
1.1:域名和DNS
1:域名的概念
网络是基于TCPP协议进行通信和连接的,每一台主机都有一个唯一的标识(固定的P地址),用以区别在网络上成千上万个用户和计算机。网络在区分所有与之相连的网络和主机时,均采用一种唯一、通用的地址格式,即每一个与网络相连接的计算机和服务器都被指派一个独一无二的地址。为了保证网络上每台计算机的P地址的唯一性,用户必须向特定机构申请注册,分配P地址。网络中的地址方案分为两套:IP地址系统和域名地址系统。这两套地址系统其实是一一对应的关系。IP地址用二进制数来表示,每个IP地址长32比特,由4个小于256的数字组成,数字之间用点间隔,例如100.10.0.1表示一个IP地址。由于P地址是数字标识,使用时难以记忆和书写,因此在IP地址的基础上又发展出一种符号化的地址方案,来代替数字型的IP地址。每一个符号化的地址都与特定的P地址对应,这样网络上的资源访问起来就容易得多了。这个与网络上的数字型P地址相对应的字符型地址,就被称为域名。
DNS规定,域名中的标号都由英文字母和数字组成,每一个标号不超过63个字符,也不区分大小写字母。标号中除连字符(-)外不能使用其他的标点符号。级别最低的域名写在最左边,而级别最高的域名写在最右边。由多个标号组成的完整域名总共不超过255个字符。
- 根域:指的是根服务器,要用来管理互联网的主目录,全世界只有13台。1个为主根服务器,放置在美国。其余12个均为辅根服务器,其中9个放置在美国;欧洲2个,位于英国和瑞典;亚洲1个,位于日本。所有根服务器均由美国政府授权的互联网域名与号码分配机构ICAN统一管理,负责全球互联网域名根服务器、域名体系和P地址等的管理。
- 顶级域:包括组织域和国家地区域名。域名的最右侧是国家/地区域名,国家代码由两个字母组成的如.cn,.uk,.de和.jp,其中.cn是中国专用的顶级域名。在国家/地区域名左侧,是组织域名,常见的.com用于商业机构,.net用于网络组织,.org用于各种组织包括非盈利组织。
- 二级域名:在顶级域名之前的域名,在顶级域名前面,它是指域名注册人的网上名称,例如baidu,ibm,yahoo,microsoft等。
- FQDN:是主机名.DNS后缀,是指主机名加上全路径,全路径中列出了序列中所有域成员。全域名可以从逻辑上准确地表示出主机在什么地方,也可以说全域名是主机名的的一种完全表示信息。从全域名中包含的信息可以看出在域名树中的位置
2:Hosts文件
Hosts文件是一个用于存储计算机网络中节点信息的文件,它可以将主机名映射到相应的IP地址,实现DNS的功能,它可以由计算机的用户进行修改控制
Windows系统中Hosts文件存储在目录c:\windows\system32\drivers\etc\下面,用记事本可以对其进行修改,CentOS系统中Hosts文件存储在目录/etc\目录下面,用vim /etc/hosts可以对其进行修改
在网络上访问网站,要首先通过DNS服务器把要访问的域名解析成IP地址后,计算机才能对这个网络域名作网站进行访问。
对于每个域名请求,如果都要等待域名服务器解析后返回P信息,那么访问网络的效率就会降低,因为DNS做域名解析和返回P都需要时间。为了提高对经常访问的网络域名的解析效率,可以通过利用在Hoss文件中建立域名和P的映射关系来达到目的。根据系统规定,在进行DNS请求以前,系统会先检查自己的Hosts文件中是否有这个网络域名映射关系。如果有则调用这个IP地址映射,如果没有,再向已知的DNS服务器提出域名解析,即Hosts的请求级别比DNS高。
3:DNS
在互联网上域名与IP地址之间是一一对应的,域名虽然便于人们记忆,但机器之间只能互相认识IP地址,它们之间的转换工作称为域名解析,域名解析要由专门的域名解析系统来完成,DNS就是进行域名解析的系统。
主机名到P地址的映射有两种方式:
- 静态映射:每台设备上都配置主机到P地址的映射,各设备独立维护自己的映射表,而且只供本设备使用;
- 动态映射:建立一套域名解析系统(DNS),只在专门的DNS服务器上配置主机到IP地址的映射,网络上需要使用主机名通信的设备,首先需要到DNS服务器查询主机所对应的IP地址。
通过主机名,最终得到该主机名对应的IP地址的过程叫做域名解析(或主机名解析)。在解析域名时,可以首先采用静态域名解析的方法。如果静态域名解析不成功,再采用动态域名解析的方法。可以将一些常用的域名放入静态域名解析表中,这样可以大大提高域名解析效率。
在Windows命令行模式中输入网络查询命令nslookup www.baidu.com,可以查询到域名对应的P地址。
1.2:网页与HTML
网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,网站就是由网页组成的。如果只有域名和虚拟主机而没有制作任何网页,那么客户仍旧无法访问这个网站。因为网页是由HTML(超文本标记语言)编写的。
1:网页概述
网页是一个文件,他存放在世界某个角落的某一部计算机中,而这部计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取,是互联网中的一“页”。
网页可以包括如下内容:
- 文本:文本是网页上最重要的信息载体与交流工具,网页中的主要信息一般都以文本形式为主。
- 图像:图像元素在网页中具有提供信息并展示直观形象的作用。 静态图像:在页面中可能是图片或矢量图形。图片格式通常为GIF、JPEG或PNG等;矢量格式通常为SVG或Flash。动画图像:通常动画为GIF和SVG。
- Flash动画:动画在网页中的作用是有效地吸引访问者更多的注意。
- 声音:声音是多媒体和视频网页重要的组成部分。
- 视频:视频文件的采用使网页效果更加精彩且富有动感。
- 表格:表格是在网页中用来控制页面信息的布局方式。
- 导航栏:导航栏在网页中是一组超链接,其连接的目的端是网页中重要的页面。
- 交互式表单:表单在网页中通常用来联接数据库并接受访问用户在浏览器端输入的
- 数据,利用数据库为客户端与服务器端提供更多的互动。
- 网页相关概念如下:
- 域名:是浏览网页时输入的网址。
- HTTP:用来传输网页的通信协议,使用浏览器访问网址时,在域名前面要加上
- http://,表示使用http协议传输网页。
- URL:是一种万维网寻址系统,表示网络上资源的位置路径。
- HTML:是编写网页的超文本标记语言。
- 超链接:具备将网站中不同网页链接起来的功能。
- 发布:将制作好的网页上传到服务器供用户访问的过程。
2:HTML概述
HTML叫做超文本标记语言,是一种规范,也是一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容。如:文字如何处理,画面如何安排,图片如何显示等。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,开发者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
HTML文件可以使用任何能够生成txt文件的文本编辑器来编辑,生成超文本标记语言文件,只用修改文件名后缀为”.html”或“.htm”即可。
3:HTML基本标签
(1)HTML语法规则
HTML标签采用双标记符的形式,前后标记符对应,分别表示标记开始和结束,标记符中间的内容被标签描述。前标记符由“<XXX>”表示,结尾标记符多了一个“/”,由"</XXX>"表示。
(2)HTML文件结构
HTML文件最外层由<html>/htm>表示,说明该文件是用HTML语言描述的。在它里面是并列的头标签(<head>)和内容标签(<body>),最基本的HTML文件结构如下:
<html>
<head>网页的内容描述信息<head>
<body>网页显示的内容</body>
</html>
标签 | 描述 |
---|---|
<title> | 定义了文档的标题 |
<base> | 定义了页面链接标签的默认链接地址 |
<link> | 定义了一个文档和外部资源之间的关系 |
<meta> | 定义了HTML文档中的元数据 |
<script> | 定义了客户端的脚本文件 |
<style> | 定义了HTML文档的样式文件 |
标签 | 描述 |
---|---|
<table> | 定义了一个表格 |
<tr> | 定义了表格中的一行 |
<td> | 定义了表格中某一行的某一列 |
<a> | 定义了一个超链接 |
<br> | 定义了换行 |
<font> | 定义了字体 |
4:网站和主页
网站是由网页组成的,包含多个网页页面,具有独立域名、独立存放空间的内容集合,这些内容可能是网页,也可能是程序或其他文件。
主页(首页)是用户打开浏览器时默认打开的网页。
1.3:静态网页与动态网页
1:静态网页
在网站设计中,纯粹HTML格式的网页通常被称为“静态网页”,静态网页是标准的HTML文件,它的文件扩展名是.htm、.html。静态网页是网站建设的基础,早期的网站一般都是由静态网页制作的。静态网页也可以出现各种动态的效果,如.GIF格式的动画、FLASH、滚动字幕等。
2:动态网页
所谓的动态网页,是指跟静态网页相对的一种网页编程技术。静态网页,随着HTML代码的生成,页面的内容和显示效果就基本上不会发生变化了——除非是修改页面代码。而动态网页则不然,页面代码虽然没有变,但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的。动态网页URL的后缀不是.htm、html、shtml、xml等静态网页的常见网页制作格式,而是
以.aspx、asp、jsp、php、perl、cgi等形式为后缀,并且在动态网页网址中有一个标志性的符号——“?”。
动态网页是基本的html语法规范与Java、PHP、C#等高级程序设计语言、数据库编程等多种技术的融合,以期实现对网站内容和风格的高效、动态和交互式的管理。因此,从这个意义上来讲,凡是结合了HTML以外的高级程序设计语言和数据库技术进行的网页编程技术生成的网页都是动态网页。
3:动态网页语言
早期的动态网页主要采用通用网关接口CGI(Common Gateway Interface)技术,虽然CGI技术已经发展成熟而且功能强大,但由于编程困难、效率低下、修改复杂,所以有逐渐被新技术取代的趋势。
目前常用的动态网页编程语言如下:
- PHP即HypertextPreprocessor(超文本预处理器),它是当今Internet上最为火热的脚本语言,其语法借鉴了C、Java、PERL等语言
- JSP即Java Server Pages(Java服务器页面),它是由Sun Microsystem公司于1999年6月推出的新技术,是基于Java Servlet以及整个Java体系的Web开发技术。
- Python是一种面向对象、跨平台的动态类计算机程序设计语言,最初被设计用于编写自动化脚本(shell),随着版本的不断更新和语言新功能的添加,越来越多被用于独立的大型项目开发。
- Ruby是一种简单快捷的面向对象(面向对象程序设计)脚本语言,在20世纪90年代由日本人松本行弘(Yukihiro Matsumoto)开发,遵守GPL协议和Ruby License。它的灵感与特性来自于Perl、Smalltalk、Eiffel、Ada以及Lisp语言。
二:HTTP协议
超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的网页文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。
2.1:HTTP协议概述
HTTP协议采用了请求/响应模型。客户端向服务器发送一个请求,请求头包含请求的方法、URL、协议版本、以及包含请求修饰符、客户信息和内容的类似于MIME的消息结构。服务器以一个状态行作为响应,响应的内容包括消息协议的版本,成功或者错误编码加上服务器信息、实体元信息以及可能的实体内容。
2.2:HTTP方法
HTTP支持几种不同的请求命令,这些命令被称为HTTP方法(HTTP method)。每条HTTP请求报文都包含一个方法,告诉服务器要执行什么动作,包括:获取一个页面,运行一个网关程序,删除一个文件等。最常用的获取资源的方法是GET、POST。
HTTP方法 | 描述 |
---|---|
GET | 请求获取Request-URI所标识得资源 |
PUT | 请求服务器存储一个资源,并用Request-URI作为其标识 |
DELETE | 请求服务器删除Request-URI所标识的资源 |
POST | 在Request-URI所标识的资源后附加新的数据 |
HEAD | 请求获取由Request-URI所标识的资源的响应消息报头 |
GET方法采用的是URL后缀的形式,比如http://www.test.com/a.php?ld=123就是一个GET请求,服务器接收后可以解析出ld=123。而POST方法不需要在URL中显示”?ld=123”,参数作为内容进行了隐藏的提交。因此,表单类或者有用户名、密码等内容提交时建议使用POST方法。
GET方法在URL上显示参数,而URL是有长度限制,故不适合提交过大的数据。GET方法可以被浏览器缓存,当请求已经被请求过一次的URL时,浏览器不需要向服务器再次发出请求,直接在本地缓存中获得页面
GET方法 | POST方法 | |
---|---|---|
对数据长度的限制 | URL的长度是受限制的(URL的最大长度是2048个字符) | 无限制 |
缓存 | 能被缓存 | 不能缓存 |
安全性 | 与POST相比,GET的安全性较差,因为所发送的数据是URL的一部分。在发送密码或其他敏感信息时绝不要使用GET | POST比GET更安全,因为参数不会被保存在浏览器历史或Web服务器日志中 |
历史 | 参数保留在浏览器历史中 | 参数不会保存在浏览器历史中 |
后退按钮/刷新 | 无害 | 数据会被重新提交,浏览器应该告知用户数据会被重新提交 |
书签 | 可收藏为书签 | 不可收藏为书签 |
2.3:HTTP状态码
HTTP状态码(HTTP Status Code)是用以表示网页服务器HTTP响应状态的3位数字代码,当浏览器请求某一URL时,服务器根据处理情况返回相应的处理状态。
HTTP状态码可以分为五大类,如图1.2所示。其中1XX表示信息提示,2XX、3XX表示请求正常,4XX、5XX表示出现异常情况。
状态码首位 | 已定义范围 | 分类 |
---|---|---|
1xx | 100~101 | 信息提示 |
2xx | 200~206 | 成功 |
3xx | 300~305 | 重定向 |
4xx | 400~415 | 客户端错误 |
5xx | 500~505 | 服务器 |
消息 | 描述 |
---|---|
200 OK |
请求成功(其后是对
GET
和
POST
请求的应答文档)
|
301 Moved Permanently
|
请求的永久页面跳转
|
302
|
临时重定向
|
304 Not Modified
|
未修改,比如本地缓存的资源文件和服务器上比较时,发现并没有修改, 服务器返回一个 304
状态码,告诉浏览器,你不用请求该资源,直接使用本地的资源即可
|
403 Forbidden
|
禁止访问该页面,服务器拒绝请求
|
404 Not Found
|
服务器无法找到被请求的页面
|
500 Internal Server Error
|
内部服务器错误
|
502 Bad Gateway
|
无效网关
|
503 Service Unavailable
|
当前服务不可用
|
504 Gateway Timeout
|
网关请求超时
|
2.4:HTTP请求流程分析
1:请求报文
- 请求行:请求行由请求方法、URL以及协议版本三部分组成。
- 请求头:请求头为请求报文添加了一些附加信息,由“名/值”对组成,每行一对,名和值之间使用冒号分隔
请求头 | 描述 |
---|---|
HOST | 接受请求的服务器地址,可以是IP:端口号,也可以是域名 |
User-Agent | 发送请求的应用程序名称 |
Connection | 指定与连接相关的属性,如Connection:Keep-Alive |
Accept-Encoding | 通知服务端可以发送的数据压缩格式 |
Accept-Language | 通知服务端可以发送的语言 |
Accept-Charset | 通知服务端可以发送的编码格式 |
- 空行:请求头部的最后会有一个空行,表示请求头部结束,接下来为请求体,这一行非常重要,必不可少。
- 请求体:请求体是请求提交的参数,GET方法已经在URL中指明了参数,所以提交时没有数据。POST方法提交的参数在请求体中
2:响应报文
- 状态行:状态行由协议版本,状态码,状态码描述三部分组成。
- 响应头:响应头与请求头部类似,为响应报文添加了一些附加信息
响应头 | 描述 |
---|---|
Server | 服务器应用程序软件的名称和版本 |
Content-Type | 响应正文的类型(是图片还是二进制字符串) |
Content-Length | 响应正文长度 |
Content-Charset | 响应正文使用的编码 |
Content-Encoding | 响应正文使用的数据压缩格式 |
Content-Language | 响应正文使用的语言 |
- 空行:响应头部的最后会有一个空行,表示响应头部结束。
- 响应体:服务器返回的相应HTML数据,浏览器对其解析后显示页面。