浏览器内核的一些事

---

Q&A

• 网页乱码的问题是如何产生的

• html文档保存的编码格式与浏览器解析时的解码格式不匹配而导致的乱码问题；

• 解决方案：在html文档的标签添加；
• 例如：
  
  
  
  此时，html文档将告诉浏览器使用utf-8的解析格式去读取文档。
• 颜色有几种写法

三种写法：
- 常用颜色名：white ; black ; red ; blue ; green ; grey...
- 十六进制法：#FFFFFF ; #000000 ; #00FF00 ; #0000FF ; #ECECEC...
- rgb法：rgb（0,0,0）; rgb(255,255,255) ; rgb(255,255,0)...
【注】rgba(0,0,0,0.3)中的0.3为alpha值，定义色块的透明度

• doctype html的作用是什么

  • 是告诉浏览器当前页面是使用html5版本进行编写的

  • 不是标签，而是声明，必须放在html文档的第一行
• 文档类型声明对大小写不敏感

• 严格模式和混杂模式指什么

• 文档类型事先声明，告诉浏览器以特定标准去渲染文件，即严格模式；

• 如果没有声明，则浏览器以自己的标准去渲染文件，即混杂模式；
• meta有什么作用，常见的值有哪些

  • 标签定义html文档的元数据，具有描述网页内容的作用,常用于SEO及记录页面的主干信息；

• 通常以名称/值对出现
• 常见名/值包括：
  • 名/值 属性
    name:规定了元数据的名称，常用的值包括：
    
    
    
    http-equiv：相当于http的头文件，在向浏览器传输html文档时先传递特定的信息以辅助页面显示，常见值包括：
    
    

• 常见的浏览器有哪些，什么内核

浏览器的内核可分为渲染引擎（排版引擎）和JS引擎

• 渲染引擎就是解析并执行Html和Css来渲染页面的；
• JS引擎就是解析并执行JavaScript的；
• 由于不同的浏览器使用的内核不一，导致同一页面的渲染效果会产生差异，因此作为前端工程师要特别注意不同浏览器内核的特征。

渲染引擎：Mosaic -> Trident

JS引擎：WebGL（JavaScript和OpenGL ES 2.0的结合）
代表：IE系列浏览器  

---

渲染引擎：Gecko
JS引擎：spiderMonkey

代表：FireFox系列浏览器；Netcape 6

---

渲染引擎：Presto（已弃用）
JS引擎：无记录
代表：Opera系列浏览器

---

渲染引擎：KHTML->WebCore->WebKit->Webkit2
JS引擎：KJs->JScore
代表：Safari；Chrome

---

渲染引擎：WebKet->Blink
JS引擎：JScore->V8
代表：Chrome；Blink

---

参考资料

• doctype html的解析
• html meta标签
• name标签
• Meta http-equiv属性详解
• 浏览器内部工作原理
• 浏览器内核
• 我知道的有关浏览器的一些事
• 浏览器内核
• 浏览器内核简介