本文深入探讨了Web的工作原理，包括DNS和域名解析、HTTP/HTTPS协议、网页访问流程以及Web1.0和Web2.0的区别。详细阐述了静态和动态页面的特点，以及HTTP协议的不同版本之间的差异，如缓存处理、带宽优化和错误通知管理。此外，还介绍了HTTP请求的GET和POST方法及其应用场景和区别。通过对这些核心概念的解析，帮助读者全面理解Web和HTTP在网络交互中的关键角色。
引言：Web是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。最常见的就是网页。Http就相当于建立我们用户和网页上互动的数据传输。
目录
一、DNS和域名
网络是基于TCP/IP协议进行通信和连接的，每一台主机都有一个唯一的标识（固定的IP地址），用以区别在网络上成千上万个用户和计算机。网络在区分所有与之相连的网络和主机时，均采用一种唯一、通用的地址格式，即每一个与网络相连接的计算机和服务器都被指派一个独一无二的地址
为了保证网络上每台计算机的IP地址的唯一性，用户必须向特定机构申请注册，分配IP地址
网络中的地址方案分为两套：IP地址系统和域名地址系统。这两套地址系统其实是一 一对应的关系
由于IP地址是数字标识，使用时难以记忆和书写，因此在IP地址的基础上发 展 他 一 种符号化的地址方案 ，来代替数字型的IP地址
①网络上交互是基于TCP/IP协议的，每个主机在逻辑上有一个唯一位置标识（IP地址），物理地址为MAC地址
②为了保证地址唯一性，用户协议向特定的机构申请注册，分配IP地址网络中的地址中两套方案：IP地址系统、域名地址系统
而由于IP是由32位二进制数字标识，不方便记忆，所以以IP地址为基础发展出了以域名对应IP的方式标识唯一地址
二、域名
1、定义
标识一组主机并提供它们的有关信息的树形结构（主要确定了根在哪，就可以确定每个分支） www.baidu.com. 从右往左，以"."根域为开始
2、域名空间结构（从右往左看）
①根域
位于域名空间最顶层，一般用一个"."表示
基础单位，除了根域其他都只有一个上级域，有0或多个子域，同层域不可重复的子域或域名
②顶级域
一般代表一种类型的组织机构或国家地区（主要有此两种类型构成），如net （网络公司）、com（商业）、org（民间团体组织）、edu（教育）、gov（政府）、mil（军事）、cn（中国）、jp（H本）、hk（中国香港）
③二级域
用来标明顶级域内的一个特定的组织，国家顶级域下面的二级域名由国家网络部门统一管理，如 .cn 顶级域名下面设置的二级域名：.com.cn、.net.cn、.edu. cn ...
④子域
用来标明顶级域内的一个特定的组织，国家顶级域下面的二级域名由国家网络部门统一管理，如.cn 顶级域名下面设置的二级域名：.com. cn、 .net.cn、. edu. cn ...
⑤主机
主机位于域名空间最下层，就是一台具体的计算机，如www、mail、都是具体的计算机名字，可用www.sina.com.cn.、mail. sina.com.cn.来表示，这种表示方式称为FQDN（完全合格域名），也是这台主机在域名中的全名
3、域名注册
域名注册是Internet中用于解决地址对应问题的一种方法，遵循先申请先注册原则
域名注册步骤：
准备申请资料 --> 寻找域名注册网站 --> 查询域名 --> 正式申请 --> 申请成功
三、网页访问（HTTP/HTTPS）
1、网页基本
①网页
纯文本格式文件，编写语言为HTML、HTML5
index.html index.htm index.php
在用户的浏览器中被"翻译"成网页形式显示出来
②网站
由一个一个页面构成的，足多个网贝的结合体 主页，打开网站后也现的第一个网页称为网站主页（或首页）
③域名
浏览网页时输入的网址
④ HTTP/HTTPS
用来传输M页的通信协议（足否加密），是一种通讯/交互的标准/规范
⑤URL
是一种万维网寻址系统
⑥ HTML
用来编写网页的超文本标记语言
⑦超链接
超链接是将网站中不同网页链接起来的功能
2、HTML
①HTML超文本标记语言 Hyper Text Markup Language
网页的"源码"
浏览器："解释和执行"HTML源码的工具
②HTML文档的结构
HTML网页
头部、标题部分、主体部分
网页内容，包括文本、图像等
<html>
<head>
<title>网页</title>
</head>
<body>
Hello World！
</body>
</html>
③网页基本标签 网页摘要信息的作用，有利于浏览器解析、有利于搜索引擎搜索 <title>标签 #标题 <meta>标签 #元标志
④标题标签类型 行控制相关标签、范围标签、图像标签、超链接标签、特殊符号
四、Web
1、Web概述
Web（World Wide Web）即全球广域网，也称为万维网，一种分存式图形信息系统，建立在Internet上的一中网络服务
2、Web1.0 vs Web2.0
Web1.0
以编辑为特征，网站提供给用户的内容是编辑处理后的，然后用户阅读网站提供的内容，这个过程是网站到用广的单向行为（静态页面的概念）黄页
Web2.0
更注重用户的交互作用，用户既是网站内容的消费者（浏览者），也是网站内容的制造者，加强了网站与用户之间的互动，网站内容基于用户提供，网站的诸多功能也由用户参与建设，实现了网站与用户双向的交流与参与（动态页面）论坛、贴吧
Web2.0特征
用户分享、以兴趣为聚合点的社群、开放的乎台，活跃的用户
3、静态见面与动态页面
⑴静态页面定义
①静态网页是标准的HTML文件
②扩展名.htm、.html，如文本、图像、声音、Flash动画、客户端脚本和ActiveX控件及Java小程序等
③ 是网站建设的基础，早期网站一般都由静态网页制作
④ 没有后台数据库、不含程序和不可交互的网页
⑤ 相对更新起来比较麻烦，适用于一般更|gf较少的展示型网站
⑵静态页面特点
①每个静态解贝都为一个固定的URL，且URL以.htm、.html、.shtml等常见形式为后缀，而不含"?"
②网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页都是保存在网站服务器上
③ 静态网页的内容相对稳定，容易被搜索引擎检索
④静态网页没书数据库的支持，在网站制作和维护方向工作昂:较大，因此当网站信息最很大时完全依非静态网页制作方式比较困难
⑤静态网页的交互性较差，在功能方向有较大的限制
⑥页面浏览速度迅速，过程无需连接数据库，开启页用速度快于动态页面
⑶动态页面
①网页URL不固定，能通过后台与用户交互
②在动态网页网址中有一个标志性的符号一''?"
③常用的语言有PHP、JSP、Python、Ruby等
⑷动态页面特点
①交互性
网页公根据用户的要求和选择而动态改变和响应，将浏览器作为客户端界面，这将是今后Web发展的大势所趋
②自动更新
无须手动地更新HTML文档，便会自动生成新的贞面，可以大大节省工作量
③因时因人而变
当不同的时间，不同的人访问同一网址时公产生不同的页面
不同的人：访问的用户的权限、身份
不同的时间：6月16日9:00 -10:00 商品促销 10:00以后恢复正常
五、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每次请求都要创建连接的缺点
2、HTTP请求格式（GET / POST方式）
⑴GET 方式
①请求行、请求的方式、请求的资源路径、请求的版本协议号
②请求头（描述信息/标准化信息）
Accept：客广端可以接受的数据类型
Accept-Language ：客户端可以接受的语言类型
User-Agent：浏览器的信息
Accpect-Encoding：客广端可以接受的编码格式
Host：表示请求的ip和端口号
Connection：告诉应务器请求连接如何处理
Keep-Alive：通知眼务器回传数据不要马上关闭，保持
Closed： 马上关闭
⑵POST请求方式
①请求行、请求的方式、请求的资源路径、请求的协议的版本号
②请求头
Accept：客广端可以接受的数据类型
Accept-Language ：客户端可以接受的语言类型 Referer：表示请求发起时，浏览器地址栏中的地址
User-Agent：浏览器的信息
Content-Type：发送的数据类型
Content-Length：发送的数据长度
User-Agent：浏览器的信息
Content-Type：发送的数据类型
Content-Length：发送的数据长度
③请求体：就是发送给服务器的数据
⑶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中，比较安全
HTTP状态码：
使用浏览器访问某一个URL，会根据处理情况返回相应的处理状态
通常正常的状态码为2xx, 3xx （如200）
如果出现异常会返回4xx, 5xx （如404）
| 状态码首位 | 已定义范围 | 分类 |
| 1xx | 100-101 | 信息提示 |
| 2xx | 200-206 | 成功 |
| 3xx | 300-305 | 重定向 |
| 4xx | 400-415 | 客户端错误 |
| 5xx | 500-505 | 服务器错误 |
生产环境常见的HTTP状态码
| 消息 | 描述 | |
| 200 | OK | 请求成功（其后是对GET和POST请求的应答文档） |
| 301 | Moved Permanently | 请求的永久页面跳转 |
| 403 | Forbidden | 禁止访问该页面 |
| 404 | Not Found | 服务器无法找到被请求的页面 |
| 500 | Internal Server Error | 内部服务器错误 |
| 502 | Bad Gateway | 无效网关 |
| 503 | Service Unavailable | 当前服务不可用 |
| 504 | Gateway Timeout | 网关请求超时 |
扫一扫
911
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
