html页面怎么生成url,输入 URL 到页面渲染的整个流程

DNS 解析

TCP 三次握手

发送请求，分析 url，设置请求报文(头，主体)

服务器返回请求的文件 (html)

浏览器渲染

HTML parser --> DOM Tree

标记化算法，进行元素状态的标记

dom 树构建

CSS parser --> Style Tree

解析 css 代码，生成样式树

attachment --> Render Tree

结合 dom树 与 style树，生成渲染树

layout: 布局

GPU painting: 像素绘制页面

DNS

DNS 的作用就是通过域名查询到具体的 IP。

因为 IP 存在数字和英文的组合(IPv6)，很不利于人类记忆，所以就出现了域名。你可以把域名看成是某个 IP 的别名，DNS 就是去查询这个别名的真正名称是什么。

在 TCP 握手之前就已经进行了 DNS 查询，这个查询是操作系统自己做的。当你在浏览器中想访问 www.google.com 时，会进行一下操作：

操作系统会首先在本地缓存中查询 IP

没有的话会去系统配置的 DNS 服务器中查询

如果这时候还没得话，会直接去 DNS 根服务器查询，这一步查询会找出负责 com 这个一级域名的服务器

然后去该服务器查询 google 这个二级域名

接下来三级域名的查询其实是我们配置的，你可以给 www 这个域名配置一个 IP，然后还可以给别的三级域名配置一个 IP

以上介绍的是 DNS 迭代查询，还有种是递归查询