认识HTML--浏览器的渲染内核 ---------16岁的小前端

认识浏览器的渲染内核，

这里我将按照三部分来循序渐进得了解到浏览器的渲染内核；

1. 浏览器

这个话题应该比较简单了吧；我来简单列举出几个用户比较多的；

还是分为两个部分，PC端和移动端

              PC端的常用浏览器有：【IE】【谷歌浏览器】【火狐】【360浏览器】【safari】等

                                   

              移动端的常用浏览器有：【百度】【UC浏览器】【QQ浏览器】【safari】等

                             

 

那么这些浏览器是做什么的呢？

浏览器是一个上网的客户端，可以用来搜索网站；

浏览器是网页运行的平台；网页可以通过浏览器来呈现给用户；

2. 搜索引擎

在我们的进行搜索时大家有没有注意到这个事情

当我们搜索关键字【HTML】时他会将我现在页面中所有的内容都 变 成【HTML】相关的；不会有什么游戏啦，听歌啦等，这样的与我搜索的关键字无关的内容；

他是如何  变  的呢？

【搜索引擎】手下有一只蜘蛛，当你搜索内容时这只蜘蛛会以1至2秒的时间为你推荐出所有符合你想要内容的页面，并会同时为你找出最符合，界面最优的，活跃度度最高的等因素为你推荐至最前面；

目前我们不再做更深入的了解；

3. PC端浏览器的渲染引擎

【浏览器的渲染引擎】也称【浏览器内核】；

仔细观察一下3款浏览器；有没有发现字体有差别？

这就是【浏览器的渲染引擎】在作怪；

【浏览器的渲染引擎】的作用是将我们的HTML代码编译为网页上真实存在的内容；

所以我之前提到的 对【电脑】说【我要做网页】；实际上是不准确的；

应该是  对【浏览器的渲染引擎】说【我要做网页】；

因为我在代码中并没有给出我想要写的字的【样式】【粗细】等；所以说这些样式都是【浏览器的渲染引擎】默认 给我加上去的；

那么这3种浏览器给出的字体都不太一样，

我们可以得出一个结论：这三种浏览器的渲染引擎都不一样

那么不同的浏览器是不是都有不同渲染引擎呢？不是的

渲染引擎核只有以下几种

渲染引擎名称	开发公司/企业	搭载该种渲染引擎的代表浏览器
Trident	微软	IE浏览器（4---11）
Gecko	火狐	火狐浏览器/Firefox
Webkit	苹果	Safari浏览器
Blink	【谷歌】【Opera/欧朋】	【谷歌浏览器 】【Opera浏览器12.17及以下版本】
Presto           【废弃】	Opera/欧朋	Opera浏览器12.17及以下版本

 

 

 

 

 

 

 

PC端【浏览器的渲染引擎】至【公元前2019年2月11日】加上废弃的    就5种   ；

而像PC端的【百度浏览器】【360浏览器】【qq浏览器】等等；都没有开发出自己的渲染引擎；他们的渲染引擎都是用的这5种的浏览器渲染引擎，自己只是对其浏览器的样式做改变；

号称双内核的【360浏览器】其实是装载了【(谷歌/欧朋)的Blink】和【(微软)的Trident】两个渲染引擎相互切换；

由于浏览器的渲染引擎的不同所呈现的效果也会有些差异，这种差异我们一般称之为【兼容性】；

终结一下：之所以浏览器的默认字体不同是因为【浏览器的渲染引擎不同】，也称为【渲染引擎的兼容性问题】；

4. 移动端浏览器的渲染引擎

手机端的【浏览器的渲染引擎】至【公元前2019年2月11日】完全自主开发的只有   Webkit ；

其他的例如像【UC浏览器】的u3内核,【华为天天浏览器】的T9内核；【QQ浏览器】的X5内核等；都是基于webkit进行的二次开发的；但也取得了不错的效果；

 

 

 

 

                                                                  ------------------------------16岁的小前端