（一）HTTP协议的一些知识点（来自那些年的笔记）

﹏ヽ暗。殇╰゛Y 2022-05-27 06:18 282阅读 0赞

--------------------

*  http协议1.0、1.1两个版本的区别
 *  访问几次服务器？
 *  Http请求行和请求方式详解
 *  可以在超链接上传一些数据
 *  HTTP请求头各个头字段的详解
 *  HTTP响应和响应行状态详解
 *  断点下载
 *  HTTP响应头字段详解
 *  关于缓存的字段

--------------------

# http协议1.0、1.1两个版本的区别 #

（具体的在图解HTTP上面有讲）

区别在于： **1.0版本客户机与web服务器建立连接之后，只能获取一个web资源，获取完一个web资源以后，连接就会被断开**； **而1.1版本在建立连接之后，则可以获取多个web资源** ；

--------------------

# 访问几次服务器？ #

场景：一个web页面中，使用了三个img标签，引用三幅图片；当客户端访问服务器中的这个web页面时，客户端总共会访问几次服务器呢？即向服务器发送几次请求 ；

**答案是4次** ；

第一次是客户端向服务器要这个web页面；**然后服务器将回送一个响应头；这里仅仅是HTML文件，不含有图片等静态资源等**（**图片等静态资源，在HTML里面都是以超链接的形式存在**）；**当客户端的IE浏览器解析HTML文档的时候，遇到img标签的时候，发现是一个静态资源，会根据其超链接，再次向服务器要图片资源；**因此，还需要额外的访问3次服务器，加起来一共是四次；  
我们在写web页面的时候，应该尽量减少客户端访问服务器的次数；

**也就是说，浏览器在解析HTML的时候，遇到静态资源，会继续向服务器发送请求** ；

--------------------

# Http请求行和请求方式详解 #

*  **什么是http请求**
    
    客户端连上服务器，向服务器请求某个web资源，称之为客户端向服务器发送了一个http请求。
 *  **一个完整的http请求包括如下内容：**

<table> 
 <thead> 
  <tr> 
   <th>一个请求行</th> 
   <th align="center">GET news/a.html [HTTP/1.1 200 OK 5ms]</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>若干个请求头</td> 
   <td align="center"></td> 
  </tr> 
  <tr> 
   <td>Accept</td> 
   <td align="center">text/html,application/xhtml+xm…plication/xml;q=0.9,<em>/</em>;q=0.8</td> 
  </tr> 
  <tr> 
   <td>Accept-Language</td> 
   <td align="center">zh-CN,zh;q=0.8,en-US;q=0.5,en;q=0.3</td> 
  </tr> 
  <tr> 
   <td>Accept-Encoding</td> 
   <td align="center">gzip, deflate</td> 
  </tr> 
  <tr> 
   <td>Connection</td> 
   <td align="center">keep-alive</td> 
  </tr> 
  <tr> 
   <td>Upgrade-Insecure-Requests</td> 
   <td align="center">1</td> 
  </tr> 
  <tr> 
   <td>……</td> 
   <td align="center">……</td> 
  </tr> 
  <tr> 
   <td>一个空行</td> 
   <td align="center">( 这里有一个空行，在请求数据与请求内容之间)</td> 
  </tr> 
  <tr> 
   <td>实体内容</td> 
   <td align="center">（只有用POST方式提交的数据，才会写在这里）</td> 
  </tr> 
 </tbody> 
</table>

--------------------

*  **请求行的细节**
    
    请求方式，现在常用的只有两种：**POST 、GET**
    
    **默认情况下，浏览器向服务器发送的请求都是GET**，比如：直接输入地址访问浏览器、超链接等，都是get；只有使用表单提交数据的时候，才可以改变提交方式为POST ；
 *  **POST还是GET的区别在于：数据的传递上**；
    
    如果请求方式为 **GET** 形式，则可以在请求的URL地址后面以？的形式带上，准备提交给服务器的数据，多个数据之间以 & 进行分隔；
    
    例如： GET /mail/1.html?name=abc&pass=xyz HTTP/1.1
    
    GET请求有个特点：在URL地址后面附带的参数是有限制的，其数据容量通常不能超过 **1K**；
    
    请求方式为POST方式时：则可以在请求的实体内容中的向服务器发送数据，POST方式传递的数据是无限制的；

--------------------

# 可以在超链接上传一些数据 #

可以在点击超链接访问服务器的时候，向服务器提交一些数据；我们在超链接的herf=”2.html?name=allbet” 这样点击，超链接就会访问2.html页面，并且会带些数据传过去；

--------------------

# HTTP请求头各个头字段的详解 #

<table> 
 <thead> 
  <tr> 
   <th>请求头字段</th> 
   <th align="left">含义</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Accept :</td> 
   <td align="left">用于告诉服务器，客户机支持的数据类型</td> 
  </tr> 
  <tr> 
   <td>Accept-Charset:</td> 
   <td align="left">用于告诉服务器，客户机采用的编码</td> 
  </tr> 
  <tr> 
   <td>Accept-Encoding:</td> 
   <td align="left">用于告诉服务器，客户机支持的数据压缩格式</td> 
  </tr> 
  <tr> 
   <td>Accept-language：</td> 
   <td align="left">客户机的语言环境</td> 
  </tr> 
  <tr> 
   <td>Host :</td> 
   <td align="left">客户机通过这个头告诉服务器，想要访问的主机名</td> 
  </tr> 
  <tr> 
   <td>If-Modified-Since :</td> 
   <td align="left">客户机通过这个头告诉服务器，资源的缓存时间</td> 
  </tr> 
  <tr> 
   <td>Referer:</td> 
   <td align="left">客户机通过这个头告诉服务器，它是从哪一个资源来访问服务器的；（防盗链）</td> 
  </tr> 
  <tr> 
   <td>User-Agent:</td> 
   <td align="left">客户机通过这个头，告诉服务器，客户机的软件环境 ；</td> 
  </tr> 
  <tr> 
   <td>……</td> 
   <td align="left">…….</td> 
  </tr> 
 </tbody> 
</table>

--------------------

# HTTP响应和响应行状态详解 #

一个HTTP响应代表服务器向客户端回送的数据，它包括：**一个状态行、若干消息头、以及实体内容 ；**

*  常见状态码详解

<table> 
 <thead> 
  <tr> 
   <th align="right">状态码</th> 
   <th align="left">含义</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="right">302：</td> 
   <td align="left">代表请求的资源已经移动到新的地方，服务器等会还会回送一个localtion，指明新资源的位置 ；</td> 
  </tr> 
  <tr> 
   <td align="right">304、307：</td> 
   <td align="left">服务器回送这两个状态码，表示让客户端浏览器去寻找缓存 ；</td> 
  </tr> 
  <tr> 
   <td align="right">404：</td> 
   <td align="left">表示服务器没有这个资源；</td> 
  </tr> 
  <tr> 
   <td align="right">403：</td> 
   <td align="left">表示访问权限不够</td> 
  </tr> 
  <tr> 
   <td align="right">500：</td> 
   <td align="left">服务器端出现错误</td> 
  </tr> 
 </tbody> 
</table>

--------------------

# 断点下载 #

HTTP响应头字段——Range,这个字段可以实现断点下载 ；

**Range它指示服务器只传输一部分Web资源**。这个头可以实现断点续传功能。Range字段可以通过三种格式设置要传输的字节范围：

Range: bytes=1000-2000
            传输范围为1000到2000字节
    Range：bytes=1000-
            传输web资源中第1000个字节以后的所有内容 ；
    Range   :bytes=1000 
            传输最后1000个字节

--------------------

# HTTP响应头字段详解 #

<table> 
 <thead> 
  <tr> 
   <th align="right">字段</th> 
   <th align="left">含义</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="right">Localtion</td> 
   <td align="left">请求重定向；地址栏会发生变化；</td> 
  </tr> 
  <tr> 
   <td align="right">Sever</td> 
   <td align="left">服务器通过这个头，告诉浏览器，服务器的类型</td> 
  </tr> 
  <tr> 
   <td align="right">Content-Encoding</td> 
   <td align="left">服务器通过这个头，告诉浏览器，数据的压缩格式</td> 
  </tr> 
  <tr> 
   <td align="right">Content-Length</td> 
   <td align="left">服务器通过这个头，告诉浏览器,回送的数据长度，压缩数据需要带上这个；</td> 
  </tr> 
  <tr> 
   <td align="right">Content-Type</td> 
   <td align="left">服务器通过这个头，告诉浏览器，回送的数据的数据类型</td> 
  </tr> 
  <tr> 
   <td align="right">Refresh:</td> 
   <td align="left">服务器通过这个头，告诉浏览器,隔多久刷新一下</td> 
  </tr> 
  <tr> 
   <td align="right">Content-Dispositon</td> 
   <td align="left">服务器通过这个头，告诉浏览器，以下载方式打开数据；</td> 
  </tr> 
  <tr> 
   <td align="right">Etag</td> 
   <td align="left">服务器，为每个web资源生成一个标识符。每次都会随着资源一起返回；浏览器访问服务器的时候，也会带着这个标识符；这个标识符，就是判断服务器端的资源是否更新，为了实时更新数据 ；</td> 
  </tr> 
  <tr> 
   <td align="right">Last-Modified:</td> 
   <td align="left">服务器通过这个头，告诉浏览器，当前资源的最后更新时间</td> 
  </tr> 
  <tr> 
   <td align="right">Expires:</td> 
   <td align="left">服务器通过这个头，告诉浏览器把回送的资源缓存多长时间，-1或0表示不缓存 ；</td> 
  </tr> 
  <tr> 
   <td align="right">Accept-Range:</td> 
   <td align="left">这个字段说明web服务器是否支持Range，支持的话，就返回Accept-Range:bytes ；如果不支持，就返回Accept-Range:none</td> 
  </tr> 
  <tr> 
   <td align="right">Content-Range：</td> 
   <td align="left">指定了返回Web资源的字节范围，这个字段值的格式是：Content-Range:1000-3000/5000 ; 表示：整个资源一个5000字节，返回的是第1000到3000字节 ；</td> 
  </tr> 
 </tbody> 
</table>

**Etag 与 Last-Modified 的区别：**

当我们与服务器建立连接以后， **第一次获取一个web资源的时候以后，连接没有断开**，这时候，web端更新了之前的web数据，这时候浏览器，再次请求这个数据的时候， **由于之前的连接没断开，服务器端不会再做Last-Modified判断**；会告诉浏览器，去寻找缓存，这样数据就无法实时更新； **而Etag,每次访问数据都会带着，只要一比对Etag不一样了，就会发现数据需要更新** ；

--------------------

# 关于缓存的字段 #

<table> 
 <thead> 
  <tr> 
   <th align="right">字段</th> 
   <th align="left">取值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="right">Expires:</td> 
   <td align="left">-1/0 ,具体毫秒值</td> 
  </tr> 
  <tr> 
   <td align="right">Cache-Control:</td> 
   <td align="left">no-cache</td> 
  </tr> 
  <tr> 
   <td align="right">Pragma:</td> 
   <td align="left">no-cache</td> 
  </tr> 
 </tbody> 
</table>

服务器通过这三个头，告诉浏览器不要缓存资源；之所以会出现这么多头字段来告诉浏览器不要缓存数据，主要是市面上的浏览器不唯一 ；

看代码