web基础与HTTP

目录

一、Web 基础

1.域名的概念

2.域名的申请

3. Hosts 文件

3.1 作用

2.  网页访问(HTTP/HTTPS)

2.1 网页基本概念

2.2  HTML

2.3  网页基本标签、

3. web概述

3.1  web1.0 vs web2.0

3.2  静态页面与动态页面

4. cookie和session

4.1 GET 与POST区别

总结

---

一、Web 基础

1.域名的概念

网络是基于 TCP/IP 协议进行通信和连接的，每一台主机都有一个唯一的固定的 IP 地址，以区别于网络上成千上万个用户和计算机。
网络中的地址方案分为两套：IP 地址系统和域名地址系统，两套地址系统是一一对应的
由于 IP 地址是数字标识，使用时难以记忆和书写，因此在IP地址的基础上发展出一种符号化的地址方案，来代替数字型的IP地址
每个符号化的地址都与特定的 IP 地址对应，这样网络上资源访问起来就比较容易的多，这个与网络上的数字型 IP 地址相对应的字符型地址，就是域名。

2.域名的申请

域名注册是 Internet 中用于解决地址对应问题的一种方法
遵循先申请先注册原则
域名注册步骤: 准备申请资料——》寻找域名注册网站——》查询域名——》正式申请——》申请成功

3. Hosts 文件

Hosts 文件是一个用于存储计算机网络中节点信息的文件，可以将主机名映射到相应的 IP 地址，实现 DNS 的功能，可以由计算机的用户进行修改控制。

3.1 作用

在网络上访问网站，要先通过 DNS 服务器把要访问的域名解析成 IP 地址后，计算机才能对这个网络域名进行访问
由于 DNS 做域名解析和返回 IP 需要时间，为了提高解析效率，可以通过在 Hosts 文件中建立域名和 IP 的映射关系来达到目的。
在进行 DNS 请求前，系统会先检查自己的 Hosts 文件是否有这个网络域名映射关系；如果有，就调用这个 IP 地址映射，如果没有，再向已知的 DNS 服务器提出域名解析，也就是说 Hosts 的请求级别比 DNS 高。

2.  网页访问(HTTP/HTTPS)

2.1 网页基本概念

1)网页
纯文本格式文件
编写语言为HTML、HTML5
在用户的浏览器中被"翻译”成网页形式显示出来
(2)网站
由一个一个页面构成的，是多个网页的结合体
主页
打开网站后出现的第一个网页称为网站主页(或首页)
(3)域名
浏览网页时输入的网址
(4HTTP/HTTPS
用来传输网页的通信协议（是否加密），是一种通讯/交互的标准/规范
(5)URL
是一种万维网寻址系统
(6)HTML
用来编写网页的超文本标记语言
(7)超链接
超链接是将网站中不同网页链接起来的功能
(8)发布
将制作好的网页上传到服务器供用户访问的过程
 

2.2  HTML

(1)HTML超文本标记语言
Hyper Text Markup Language网页的"源码”
浏览器:“解释和执行”HTML源码的工具
(2)HTML文档的结构
HTML网页
头部部分标题部分主体部分
网页内容，包括文本、图像等

2.3  网页基本标签、

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

3. web概述

web(world wide Web)即全球广域网，也称为万维网
一种分布式图形信息系统
建立在Internet上的一种网络服务

3.1  web1.0 vs web2.0

web1.0以编辑为特征，网站提供给用户的内容是编辑处理后的，然后用户阅读网站提供的内容这个过程是网站到用户的单向行为(静态页面的概念）黄页
web2.0
更注重用户的交互作用，用户既是网站内容的消费者（浏览者），也是网站内容的制造者
加强了网站与用户之间的互动，网站内容基于用户提供，网站的诸多功能也由用户参与建设，实现了网站与用户双向的交流与参与
web2.0特征
用户分享、以兴趣为聚合点的社群、开放的平台，活跃的用户

3.2  静态页面与动态页面

静态页面定义
(1)静态网页是标准的HTAL文件
(2)扩展名是.htm、 .html
例如文本、图像、声音、Flash动画、客户端脚本和Activex控件及Java小程序等
(3)是网站建设的基础，早期网站一般都由静态网页制作
(4)没有后台数据库、不含程序和不可交互的网页
(5)相对更新起来比较麻烦，适用于一般更新较少的展示型网站
静态页面特点
(1)每个静态网页都有一个固定的URL，且URL以.htm、.html、.shtml等常见形式为后缀，而不含有"?"
(2)网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页都是保存在网站服务器上的
(3)静态网页的内容相对稳定，容易被搜索引擎检索
(4)静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难
(5)静态网页的交互性较差，在功能方面有较大的限制
(6)页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面

动态页面
(1)网庭URL不固定,能通过后台与用户交互
(2)在动态网页网址中有一个标志性的符号—”?
(3)常用的语言有PHP、JsP、Python、 Ruby等

动态页面特点
(1)交互性
网页会根据用户的要求和选择而动态改变和响应，将浏览器作为客户端界面，这将是今后的大势所趋(2)自动更新
无须手动地更新HTML文档，便会自动生成新的页面，可以大大节省工作量
(3)因时因人而变
当不同的时间，不同的人访问同一网址时会产生不同的页面
访问的用户的权限、身份
 

4. cookie和session

在许多应用场景中，我们需要保持用户登录的状态或记录用户购物车中的商品。由于HTTP是无状态协议，所以必须引入些技术来记录管理状态,例如ICookie。
cookie和session都为了实现的是http的短期的持久化（内存/缓存方式，查询快、效率比较高)
cookie是缓存在用户端（client）浏览器中的（默认缓存一天)，当下次客户端通过同一个浏览器访问客户端的时候，会优先读取cookie中的缓存信息，向服务端进行请求，同时服务端收到客户端请求的时候，读取到cookie文件，知道客户端之前找的是服务器A处理的任务，为了省事儿，省资源，干脆直接讲请求直接再交给服务器A处理
两者对比:
cookie省服务器性能Session更安全

4.1 GET 与POST区别

区别一:语义上的区别
Get向服务器请求数据，依照HTTP协议，get是用来请求数据。
Post向服务器发数据，依照HTTP协议，Post的语义是向服务器添加数据，也就是说按照Post的语义，该操作是会修改服务器上的数据
区别二:服务器请求的区别
Get请求是可以被缓存,示例:
访问百度，访问的方式就是GET，此时访问后的内容会缓被存在浏览器中，短时间再次访问，其实是拿到的浏览器中的缓存内容另外Get请求只能接收ASCII码的回复
Post请求是不可以被缓存的。对于Post方式提交表单，刷新页面浏览器会弹出提示框"是否重新提交表单"，Post可以接收二进制等各种数据形式，所以如果要上传文件一般用Post请求
区别三:参数放请求头和请求体的差别
cet请求通常没有请求体（当然这也是可以由程序猿心情改变的)，在TcP传输中只需传输一次（而不是一个包)，所以Get请求效率相对高。
Post请求将数据放在请求体中，而实际传输中，会先传输完请求头，再传输请求体，是分为两次传输的〈而不是两个包)。Post请求头会比cet更小(一般不带参数），请求头更容易在一个TCP包中完成传输，更何况请求头中有Content-Length的标识，可以更好地保证Http包的完整性。
 

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

生产环境常见的HTTP状态码

总结

• 网页内容由网站内部采集发布的是web1.0，内容由使用者提供的是web2.0
• POST 和 GET 方法在缓存、安全性、长度限制等方面各有不同
• HTTP 协议请求响应以报文形式传递