目录

1、网页（HTTP/HTTPS）

（1）网页基本概念

2、HTML

（1）HTML超文本标记语言

（2）HTML文档的结构

（3）网页基本标签

（4）标题标签类型

3、Web

（1）Web概述

（2）Web1.0 vs Web2.0

（3）静态页面与动态页面

4、HTTP协议概述

（1）HTTP协议简介、版本

（2）HTTP1.0和HTTP1.1之间的区别

（3）HTTP 请求格式( GET / POST 方式 )

（4）HTTP状态码

总结

1、网页（HTTP/HTTPS）

（1）网页基本概念

2、HTML

（1）HTML超文本标记语言

■Hyper Text Markup Language

■网页的“源码”

■浏览器：“解释和执行”HTML源码的工具

（2）HTML文档的结构

■HTML网页

■头部部分

■标题部分

■主体部分

■网页内容，包括文本、图像等

●头标签中常用标签：
标签                描述
<title>                定义了文档的标题
<base>                定义了页面链接标签的默认链接地址
<link>                定义了一个文档和外部资源之间的关系
<meta>                定义了 HTML 文档中的元数据
<script>            定义了客户端的脚本文件
<style>                定义了 HTML 文档的样式文件

●内容标签中常用标签
标签                描述
<table>                定义一个表格
<tr>                定义了表格中的一行
<td>                定义了表格中某一行的一列
<img>                定义了一个图像
<a>                    定义了一个超链接
<p>                    定义了一行
<br>                定义了换行
<font>                定义了字体

（3）网页基本标签

■网页摘要信息的作用
有利于浏览器解析
有利于搜索引擎搜索
<title>标签        #标题
<meta>标签        #元标志

（4）标题标签类型

■行控制相关标签
■范围标签
■图像标签
■超链接标签
■特殊符号

3、Web

（1）Web概述

■Web（World Wide Web）即全球广域网，也称为万维网
■一种分布式图形信息系统
■建立在Internet上的一种网络服务

（2）Web1.0 vs Web2.0

■Web1.0

以编辑为特征，网站提供给用户的内容是编辑处理后的，然后用户阅读网站提供的内容

这个过程是网站到用户的单向行为

■Web2.0
更注重用户的交互作用，用户既是网站内容的消费者（浏览者），也是网站内容的制造者

加强了网站与用户之间的互动，网站内容基于用户提供，网站的诸多功能也由用户参与建设，实现

了网站与用户双向的交流与参与

■Web2.0特征
用户分享、以兴趣为聚合点的社群、开放的平台，活跃的用户

（3）静态页面与动态页面

（1） 静态页面定义
① 静态网页是标准的HTML文件
② 扩展名是.htm、.html
例如文本、图像、声音、Flash动画、客户端脚本和ActiveX控件及Java小程序等
③ 是网站建设的基础，早期网站一般都由静态网页制作
④ 没有后台数据库、不含程序和不可交互的网页
⑤ 相对更新起来比较麻烦，适用于一般更新较少的展示型网站

（2）静态页面特点：
① 每个静态网页都有一个固定的URL，且URL以.htm、.html、.shtml等常见形式为后缀，而不含有“?”
② 网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页都是保存在网站服务器上的
③ 静态网页的内容相对稳定，容易被搜索引擎检索
④静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难
⑤ 静态网页的交互性较差，在功能方面有较大的限制
⑥ 页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面

（3） 动态页面
① 网页 URL不固定，能通过后台与用户交互
② 在动态网页网址中有一个标志性的符号——“?”
③ 常用的语言有PHP、JSP、Python、Ruby等

（4） 动态页面特点
① 交互性
网页会根据用户的要求和选择而动态改变和响应，将浏览器作为客户端界面，这将是今后WEB发展的大势所趋
② 自动更新
无须手动地更新HTML文档，便会自动生成新的页面，可以大大节省工作量
③ 因时因人而变
当不同的时间，不同的人访问同一网址时会产生不同的页面

4、HTTP协议概述

（1）HTTP协议简介、版本

HTTP（超文本传输协议HyperText Transfer Protocol）协议是互联网上应用最为广泛的一种网络协议，它是基于TCP协议的应用层传输协议，简单来说就是客户端和服务端进行数据传输的一种规则。

HTTP/HTTPS是应用层上的协议，建立在传输层TCP之上，客户端通过与服务端进行TCP连接(三次握手)，之后发送HTTP请求与接收HTTP响应都是通过访问Socket接口来调用TCP协议实现。

HTTP 是一种无状态 (stateless) 协议, HTTP协议本身不会对发送过的请求和相应的通信状态进行持久化处理（存储，保存）。这样做的目的是为了保持HTTP协议的简单性，从而能够快速处理大量的事务, 提高效率。

然而，在许多应用场景中，我们需要保持用户登录的状态或记录用户购物车中的商品。由于HTTP是无状态协议，所以必须引入一些技术来记录管理状态，例如Cookie。

cookie和session都为了实现的是http的短期的持久化(内存/缓存方式，查询快、效率比较高)cookie
是缓存在用户端（client)浏览器中的（默认缓存一天），当下次客户端通过同一个浏览器访问客户端的时候，会优先读取cookie中的缓存信息，向服务端进行请求，同时服务端收到客户端请求的时候，读取到cookie文件，知道客户端之前找的是服务器A处理的任务，为了省事儿，省资源，干脆直接讲请求直接再交给服务器A处理

两者对比:
cookie 省服务器性能
session 更安全
1、为后面服务、集群、功能优化做铺垫Ⅰ
2、具体解释了怎么解决HTTP无状态协议的持久化/存储。

HTTP协议的版本
HTTP 0.9：已过时
⭐HTTP 1.0：
⭐HTTP 1.1
HTTP 2.0

（2）HTTP1.0和HTTP1.1之间的区别

① 缓存处理
在HTTP1.0中主要使用header里的If-Modified-Since,Expires来做为缓存判断的标准，HTTP1.1则引入了更多的缓存控制策略例如Entity tag，If-Unmodified-Since, If-Match, If-None-Match等更多可供选择的缓存头来控制缓存策略。

② 带宽优化及网络连接的使用
HTTP1.0中，存在一些浪费带宽的现象，例如客户端只是需要某个对象的一部分，而服务器却将整个对象送过来了，并且不支持断点续传功能，HTTP1.1则在请求头引入了range头域，它允许只请求资源的某个部分，即返回码是206（Partial Content），这样就方便了开发者自由的选择以便于充分利用带宽和连接

③ 错误通知的管理
在HTTP1.1中新增了24个错误状态响应码，如409（Conflict）表示请求的资源与资源的当前状态发生冲突；410（Gone）表示服务器上的某个资源被永久性的删除

④ Host头处理
在HTTP1.0中认为每台服务器都绑定一个唯一的IP地址，因此，请求消息中的URL并没有传递主机名（hostname）。但随着虚拟主机技术的发展，在一台物理服务器上可以存在多个虚拟主机（Multi-homed Web Servers），并且它们共享一个IP地址。HTTP1.1的请求消息和响应消息都应支持Host头域，且请求消息中如果没有Host头域会报告一个错误（400 Bad Request）

⑤ 长连接
HTTP 1.1支持长连接（PersistentConnection）和请求的流水线（Pipelining）处理，在一个TCP连接上可以传送多个HTTP请求和响应，减少了建立和关闭连接的消耗和延迟，在HTTP1.1中默认开启Connection： keep-alive，一定程度上弥补了HTTP1.0每次请求都要创建连接的缺点

（3）HTTP 请求格式( GET / POST 方式 )

（1）GET 方式
① 请求行
请求的方式
请求的资源路径
请求的版本协议号

② 请求头（描述信息/标准化信息）
Accept：客户端可以接受的数据类型
Accept-Language：客户端可以接受的语言类型
User-Agent：浏览器的信息
Accpect-Encoding：客户端可以接受的编码格式
Host：表示请求的ip和端口号
Connection：告诉服务器请求连接如何处理
Keep-Alive：通知服务器回传数据不要马上关闭，保持一小段的连接
Closed：马上关闭

（2）POST 请求方式
① 请求行
请求的方式
请求的资源路径
请求的协议的版本号

② 请求头

Accept：客户端可以接受的数据类型
Accept-Language：客户端可以接受的语言类型
Referer：表示请求发起时，浏览器地址栏中的地址
User-Agent：浏览器的信息
Content-Type：发送的数据类型
Content-Length：发送的数据长度

③ 请求体：就是发送给服务器的数据

（3）GET 与POST 区别
① 区别一:语义上的区别
Get向服务器请求数据，依照HTTP协议，get 是用来请求数据。
Post向服务器发数据，依照HTTP协议，Post的语义是向服务器添加数据，也就是说按照Post的语义，该操作是会修改服务器上的数据

② 区别二：服务器请求的区别
Get请求是可以被缓存，示例：
访问百度，访问的方式就是GET，此时访问后的内容会缓被存在浏览器中，短时间再次访问，其实是拿到的浏览器中的缓存内容
另外Get请求只能接收ASCII码的回复
Post请求是不可以被缓存的。对于Post方式提交表单，刷新页面浏览器会弹出提示框“是否重新提交表单”，
Post可以接收二进制等各种数据形式，所以如果要上传文件一般用Post请求

③ 区别三:参数放请求头和请求体的差别
Get请求通常没有请求体（当然这也是可以由程序猿心情改变的），在TCP传输中只需传输一次（而不是一个包），
所以Get请求效率相对高。
Post请求将数据放在请求体中，而实际传输中，会先传输完请求头，再传输请求体，是分为两次传输的（而不是两个包）。
Post请求头会比Get更小（一般不带参数），请求头更容易在一个TCP包中完成传输，更何况请求头中有Content-Length的标识，可以更好地保证Http包的完整性。

简单的理解：
###GET方法：
从指定的服务器上获得数据
GET请求能被缓存
GET请求会保存在浏览器的浏览纪录里（cookit）
GET请求有长度的限制
主要用于获取数据
查询的字符串会显示在URL中，不安全

###POST方法：
提交数据给指定服务器处理
POST请求不能被缓存
POST请求不会保存在浏览器的浏览纪录里
POST请求没有长度限制
查询的字符串不会显示在URL中，比较安全

（4）HTTP状态码

当使用浏览器访问某一个URL，会根据处理情况返回相应的处理状态
通常正常的状态码为2xx，3xx（如200）
如果出现异常会返回4xx，5xx（如404）

总结

■域名空间结构

■HTML文档结构

■网页基本标签

■Web1.0与Web2.0区别

■Post与Get方法区别

■HTTP协议报文格式

本文由 在线网速测试 整理编辑，转载请注明出处，原文链接：https://www.wangsu123.cn/news/18765.html。