一、什么是HTML
html:是指超文本标记语言,什么是超文本,普通文本就是只有文字,超文本是指既有文字,又有视频、图片、链接、频频等。
二、五大浏览器
IE、火狐(FireFox)、谷歌(Chrome)、欧朋(Opera)、苹果浏览器(Safari);
内核:浏览器的渲染引擎,将html语言解析渲染成网页的形式。
四大内核:
浏览器 | 内核 | 其他 |
IE浏览器 | Trident | 百度浏览器、猎豹浏览器、360浏览器(Trident +Blink) |
火狐浏览器 | Gecko | / |
Safair浏览器 | Webkit | Safair浏览器、以前的谷歌浏览器 |
谷歌浏览器 | Blink | / |
欧朋浏览器 | Blink | / |
另外,Edag浏览器(微软研发):Chromium内核
三、web标准的构成
html(结构)、css(样式)、JS(行为)
四、浏览器从输入地址按下回车键会发生哪些事情
1、DNS解析域名(一张映射表,对应域名和ip(互联网当中一个身份证)地址)
根据URL地址进行域名解析,查找要连接的服务器
2、建立TPC连接(客户端与服务器连接的一种规则)
![](https://i-blog.csdnimg.cn/blog_migrate/f5942bf2a1e67c6cc3b66f8456499b5d.png)
3、发送HTTP(超文本(超过了文本范围)传输协议,它指定客户端和服务器相互之间可以传什么样的消息的规则,可以理解为两个说话的语言)请求,我们可以从请求信息和响应信息中获取一些信息:
![](https://i-blog.csdnimg.cn/blog_migrate/aed44b448c277ba6adfb3a476c3c9e3a.png)
4、服务器处理请求
服务端收到请求后由web(http服务器)服务器处理请求,web服务器解析用户的请求,知道了客户端需要哪些资源文件,通过参数调用数据里面对应资源文件,最后将资源返回给客户端。
5、返回响应结果
回应对应信息,比如文件,一些资源,一些数据.. 还有http状态码。
6、四次握手,关闭TCP连接
目的是为了服务器和客户端双方减少资源性能的一个损耗,在关闭的过程当中会出现4次挥手。
![](https://i-blog.csdnimg.cn/blog_migrate/887a32f6f551430d7d69f56bcda096bb.png)
五、http状态码
200:状态码200表示服务器响应成功了,并且把资源返回给了客户端
301:永久重定向(就是从一个位置跳转到另外一个位置)
比如 www.abc.ocm 但是因为某些原因 该域名所属的服务器需要更换ip或者更换域名 www.abc.cn,那么用户就不能使用原来的域名访问该网站了,就会造成一个问题就是流失用户,所以服务可以用从定方式让他在访问原路径的时候跳转到新路径
302:临时重定向,意思如301,但是临时性的,以后可能还会继续使用原域名或者ip
403:客户端请求服务器资源的时候,权限不够,没有权限去访问服务器的资源,或者该IP地址被封掉了
404:该服务器上面没有请求的资源,或者说找不到客户端请求的资源,最常见的错误
500:状态500表示服务器有问题,可能服务器关闭了,服务器出问题了,就是后端的问题
提示:4和5开头的
4开头出现问题,就是你的地址写错,参数写错(后端给我们,接口文档),如果确保我们前端写的都是对,后端给我们的文档问题;
5开头,我需要检测自己代码,直接找后端
六、浏览器解析渲染页面的过程
1. 渲染引擎解析(我们可以理解为浏览器不认识代码,把这些东西转换成浏览器能认识的东西)
把html文件构建成DOM tree(DOM树 数据格式)
2. 解析CSS文件构建成CSSOM tree(样式树)
3. 结合DOM tree和CSSOM tree生成一个render tree(渲染树)
4. 进行layout(布局)处理阶段,就是将render tree分配到屏幕确切坐标(只是做了一个坐标的分配,并没有展示出来)
5. 绘画,绘制阶段,渲染引擎会将render tree真正绘制到刚刚指定坐标位置,这个绘制的过程是渐进式,并不是说全部绘制完成才展示,而是绘制一点就展示一点
Js引擎 v8 :解析js文件的
总结:在浏览器中输入url敲下回车以后,先通过DNS服务解析域名-进行TCP链接-发送http请求-服务器处理请求-服务器响应结果-关闭TCP链接-浏览器进行页面展示