从输入URL到展示出页面

从输入URL到展示出页面的步骤，总体来说分为以下几个过程:

• DNS 解析:将域名解析成 IP 地址
• TCP 连接：TCP 三次握手
• 发送 HTTP 请求
• 服务器处理请求并返回 HTTP 报文
• 浏览器解析渲染页面
• 断开连接：TCP 四次挥手

 1.DNS解析

DNS ，即 Domain Name System ，域名系统。 DNS 是一整套从域名映射到 IP 的系统。

TCP/IP中使用 IP 地址来确定网络上的一台主机，但是 IP 地址不方便记忆，且不能表达地址组织信息，于是人们发明了域名 ，并通过 域名系统 来映射域名和 IP 地址。

域名是一个字符串，如 www.baidu.com ， hr.nowcoder.com

域名系统为一个树形结构的系统，包含多个根节点。其中：

1. 根节点即为根域名服务器，最早 IPv4 的根域名服务器全球只有 13 台， IPv6 在此基础上扩充了数量。

2. 子节点主要由各级 DNS 服务器，或 DNS 缓存构成。

• DNS域名服务器，即提供域名转换为IP地址的服务器。
• 浏览器、主机系统、路由器中都保存有DNS缓存。
• Windows系统的DNS缓存在 C:\Windows\System32\drivers\etc\hosts 文件中，Mac/Linux系统的DNS缓存在 /etc/hosts 文件中。

网络通信发送数据时，如果使用目的主机的域名，需要先通过 域名解析 查找到对应的 IP 地址：

• 域名解析的过程，可以简单的理解为：发送端主机作为域名系统树形结构的一个子节点，通过域名信息，从下到上查找对应IP地址的过程。如果到根节点（根域名服务器）还找不到，即找不到该主机。
• 域名解析使用DNS协议来传输数据。DNS协议是应用层协议，基于传输层UDP或TCP协议来实现。

2.TCP 连接：TCP 三次握手

1、第一次握手，发送SYN报文。

客户端主动向服务器发送请求建立连接的报文SYN，客户端会随机初始化一个序列号x，然后把SYN的标志置为1，之后客户端处于SYN-SENT的状态。
SYN=1 seq=x

2、第二次握手，发送SYN + ACK报文。

服务端接收到客户端的报文后，服务端也会随机初始化一个序列号y，对请求的应答做响应，即ack=x+1，接着把SYN和ACK的标志置为1，之后服务端处于SYN-RCVD状态。
SYN=1 ACK=1 seq=y ack=x+1

3、第三次握手，发送ACK报文。

客户端接受到服务端的报文后，对应答号进行回应ack=y+1，把ACK的标志置为1，序列号为x+1，返回确认的报文给服务端，服务端接到确认报文后进入连接的状态，此时TCP连接成功。
ACK=1 ack=y+1 seq=x+1

3.发送 HTTP 请求

请求行 = 请求方法 + 请求URL + HTTP版本 + 请求头

4.服务器处理请求并返回 HTTP 报文

服务器收到请求后，响应报文，返回资源。

5.浏览器解析渲染页面

1. HTML 被 HTML解析器 解析成 DOM Tree，CSS 被 CSS解析器 解析成 CSSOM Tree(并行解析)；
2. DOM Tree 和 CSSOM Tree 合并到一起，形成 Render Tree；
3. 重排，根据渲染树计算出节点的几何信息、位置及大小；
4. 重绘，绘制渲染出最终的界面。

6.断开连接：TCP 四次挥手

1、第一次挥手，发送FIN报文。

客户端发送FIN=1，序列号seq=x的报文，进入FIN_WAIT_1的状态。

2、第二次挥手，服务端发送ACK报文。

服务端接受到客户端报文后，会给客户端发送一个ACK的报文，表示收到了。服务端进入CLODED_WAIT状态，客户端进入FIN_WAIT_2状态。

3、第三次挥手，服务端发送FIN报文。

服务端处理完数据，也会向客户端发送一个FIN报文，服务端进入LAST_ACK状态。

4、第四次挥手，客户端发送ACK报文。

客户端收到服务端FIN报文后，会向服务端发送一个ACK的报文，表示收到了。然后客户端进入TIME_WAIT状态，服务端收到ACK报文后进入CLOSED状态。至此连接断开。