浏览器渲染：
- 处理html并构建DOM树
- 处理css并构建cssom树
- 将dom与cssom树合并成渲染树
- 根据渲染树布局
- 绘制
①css放head加载，因为浏览器解析是自上而下，放底部页面结构出来了，css还没开始渲染
②js放底部，因为浏览器遇到script标记会暂停DOM构建，直到脚本完成执行。
③defer和async
首先这两个对inline-script无效。defer表示延迟执行引入的JavaScript，载入JavaScript文件时不阻塞html解析，执行阶段被放在html解析完成后。async表示异步执行引入的JavaScript，即加载好了就开始执行。
在地址栏输入网址发生什么？
- DNS解析URI,浏览器获得对应的IP地址
- http生成请求报文
- TCP协议三次握手（SYN->SYN/ACK->ACK）
- IP协议负责传输
- 服务器传回响应报文
