第一天·瀏覽器內核及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了），蘋果感受像被別人搶了媳婦，都哭暈再廁所裏面了。
表明瀏覽器：傲遊瀏覽器三、 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。