第一天·浏览器内核及Web标准

一·浏览器及浏览器内核

1.常见的浏览器

（1）IE浏览器

IE是微软公司旗下浏览器，是目国内用户量最多的浏览器。IE诞生于1994年，当时微软为了对抗市场份额占据将近百分之九十的网景Netscape Navigator，于是在Windows中开发了自己的浏览器Internet Explorer，自此也引发了第一次浏览器大战。微软以IE和Windows捆绑的模式不断向市场扩展份额，使IE成为市场的绝对主流。现在装了Windows系统的电脑基本无法卸载IE。

（2）Opera浏览器

Opera是挪威Opera Software ASA公司旗下的浏览器。1995年，opera公司发布第一版Opera浏览器，使用自己研发的Presto内核。当时opera公司的开发团队不断完善Presto内核，使Opera浏览器一度成为顶级浏览器。直到2016年奇虎360和昆仑万维收购了Opera浏览器，从此也丢弃了强大的Presto内核，改用当时Google开源的webkit内核。后来Opera浏览器跟随Google将浏览器内核改为Blink内核。自此Presto内核也淡出了互联网市场。

（3）Safari浏览器

第二次浏览器大战是从苹果公司发布Safari浏览器开始的。2003年，苹果公司在苹果手机上开发Safari浏览器，利用自己得天独厚的手机市场份额使Safari浏览器迅速成为世界主流浏览器。Safari是最早使用webkit内核的浏览器也是现在苹果默认的浏览器。

（4）Firefox浏览器

Firefox浏览器是Mozilla公司旗下浏览器，也是刚才提到的网景公司后来的浏览器。Firefox采用Gecko作为内核。Gecko是一个开源的项目，代码完全公开，因此受到很多人的青睐。Firefox的问世加快了第二次浏览器大战的开始。第二次浏览器大战与第一次二元鼎力的局面不同，这一次的特点就是百家争鸣，也自此打破了IE浏览器从98年网景被收购后独步浏览器市场的局面。

（5）Chrome浏览器

Chrome浏览器是google旗下的浏览器。Chrome浏览器至发布以来一直讲究简洁、快速、安全，所以Chrome浏览器到现在一直受人追捧。最开始Chrome采用webkit作为浏览器内核，直到2013年，google宣布不再使用苹果的webkit内核，开始使用webkit的分支内核Blink。

（6）Edge浏览器

2015年4月30日，微软在旧金山举行的Build 2015开发者大会上宣布，其最新操作系统——Windows 10内置代号为“Project Spartan”的新浏览器被正式命名为“Microsoft Edge”，其内置于Windows 10版本中。2018年3月，微软宣布登陆iPad和安卓平板。这意味着Edge浏览器已经覆盖了桌面平台和移动平台。采用的内核为EdgeHTML。

2.见的浏览器内核的理解

浏览器内核又可以分成两部分：渲染引擎(layout engineer或者Rendering Engine)和JS引擎。

（1）渲染引擎

它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。

（2）JS引擎

用于是解析 Javascript 语言，执行 javascript语言来实现网页的动态效果。

最开始渲染引擎和 JS 引擎并没有区分的很明确，后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎。有一个网页标准计划小组制作了一个 ACID 来测试引擎的兼容性和性能。内核的种类很多，如加上没什么人使用的非商业的免费内核，可能会有10多种，但是常见的浏览器内核可以分这四种：Trident、Gecko、Blink、Webkit。

3.见的浏览器内核

（1）Trident(IE)

国内很多的双核浏览器的其中一核便是 Trident，美其名曰 "兼容模式"。
代表： IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等。

（2）Gecko(firefox)

Mozilla FireFox(火狐浏览器) 采用该内核，Gecko 的特点是代码完全公开，因此，其可开发程度很高，全世界的程序员都可以为其编写代码，增加功能。 可惜这几年已经没落了， 原因比如打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。

（3）webkit(Safari)

Safari 是苹果公司开发的浏览器，所用浏览器内核的名称是大名鼎鼎的WebKit。现在很多人错误地把webkit叫做chrome内核（即使chrome内核已经是blink了），苹果感觉像被别人抢了媳妇，都哭晕再厕所里面了。
代表浏览器：傲游浏览器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器。

（4）Blink(chrome)

在 Chromium 项目中研发Blink渲染引擎（即浏览器核心），内置于Chrome浏览器之中。Blink其实是WebKit的分支。
大部分国产浏览器最新版都采用Blink内核进行二次开发。

（5）Presto(Opera)

Presto（已经废弃）是挪威产浏览器opera的"前任"内核，为何说是 "前任"，因为最新的opera浏览器早已将之抛弃从而投入到了谷歌怀抱了。

移动端的浏览器内核主要说的是系统内置浏览器的内核。
Android手机而言，使用率最高的就是Webkit内核，大部分国产浏览器宣称的自己的内核，基本上也是属于webkit二次开发。
iOS以及WP7平台上，由于系统原因，系统大部分自带浏览器内核，一般是Safari或者IE内核Trident的

二·Web标准

通过以上浏览器的内核不同，我们知道他们工作原理、解析肯定不同，显示就会有差别。为了能让我们的代码在不同浏览器上显示相同，就需要有Web标准。

1.Web标准的好处

1.让Web的发展前景更广阔。
2.内容能被更广泛的设备访问。
3.更容易被搜寻引擎搜索。
4.降低网站流量费用。
5.使网站更易于维护。
6.提高页面浏览速度。

2.Web标准的构成

Web标准不是某一个标准，而是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。

• 结构标准：结构用于对网页元素进行整理和分类，咱们主要是HTML。
• 表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。
• 行为标准：行为是指网页模型的定义及交互的编写，咱们主要学的是Javascript。

本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=h0jh0211jcb