一、認(rèn)識(shí)瀏覽器
瀏覽器是網(wǎng)頁(yè)顯示、運(yùn)行的平臺(tái)，常用的瀏覽器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我們平時(shí)稱為五大瀏覽器。IE最新版為Edge。
二、瀏覽器市場(chǎng)份額
可以通過(guò)百度的統(tǒng)計(jì)網(wǎng)站查看： http://#baidu.com/data/browser
三、了解常用瀏覽器內(nèi)核
瀏覽器內(nèi)核是什么東西。英文叫做：Rendering Engine，中文翻譯很多，排版引擎、解釋引擎、渲染引擎，現(xiàn)在流行稱為瀏覽器內(nèi)核。
因?yàn)闉g覽器太多啦， 但是現(xiàn)在主要流行的就是下面幾個(gè)：
| 瀏覽器 | 內(nèi)核 | 備注 |
|---|---|---|
| IE | Trident | IE、獵豹安全、360極速瀏覽器、百度瀏覽器 |
| firefox | Gecko | 可惜這幾年已經(jīng)沒(méi)落了，打開(kāi)速度慢、升級(jí)頻繁、豬一樣的隊(duì)友flash、神一樣的對(duì)手chrome |
| Safari | webkit | 現(xiàn)在很多人錯(cuò)誤地把 webkit 叫做 chrome內(nèi)核（即使 chrome內(nèi)核已經(jīng)是 blink 了） |
| chrome | Chromium/Blink | 在 Chromium 項(xiàng)目中研發(fā) Blink 渲染引擎（即瀏覽器核心），內(nèi)置于 Chrome 瀏覽器之中。Blink 其實(shí)是 WebKit 的分支。大部分國(guó)產(chǎn)瀏覽器最新版都采用Blink內(nèi)核。二次開(kāi)發(fā) |
| Opera | blink | 現(xiàn)在跟隨chrome用blink內(nèi)核。 |
| Microsoft Edge | Chromium | 微軟將Window 10內(nèi)置默認(rèn)瀏覽器Edge內(nèi)核換成與谷歌瀏覽器一樣的Chromium內(nèi)核 |
拓展1：移動(dòng)端的瀏覽器的內(nèi)核
移動(dòng)端的瀏覽器內(nèi)核主要說(shuō)的是 系統(tǒng)內(nèi)置瀏覽器的內(nèi)核。
Android 手機(jī)而言，使用率最高的就是 Webkit 內(nèi)核，大部分國(guó)產(chǎn)瀏覽器宣稱的自己的內(nèi)核，基本上也是屬于webkit二次開(kāi)發(fā)。iOS 以及 WP7 平臺(tái)上，由于系統(tǒng)原因，系統(tǒng)大部分自帶瀏覽器內(nèi)核，一般是Safari的內(nèi)核 webkit 或者IE內(nèi)核的 Trident 。
拓展2：瀏覽器內(nèi)核
瀏覽器內(nèi)核包括兩部分，渲染引擎 和 js引擎。渲染引擎負(fù)責(zé)讀取網(wǎng)頁(yè)內(nèi)容，整理訊息，計(jì)算網(wǎng)頁(yè)的顯示方式并顯示頁(yè)面，js引擎是解析執(zhí)行js獲取網(wǎng)頁(yè)的動(dòng)態(tài)效果。 后來(lái) JS 引擎越來(lái)越獨(dú)立，內(nèi)核就傾向于只指渲染引擎。
四、Web標(biāo)準(zhǔn)
1、為什么要遵循WEB標(biāo)準(zhǔn)呢？
通過(guò)以上瀏覽器不同內(nèi)核不同，我們知道他們顯示頁(yè)面或者排版就有些許差異。
2、Web 標(biāo)準(zhǔn)的好處
遵循web標(biāo)準(zhǔn)可以讓不同我們寫(xiě)的頁(yè)面更標(biāo)準(zhǔn)更統(tǒng)一外，還有許多優(yōu)點(diǎn)
1、讓W(xué)eb的發(fā)展前景更廣闊
2、內(nèi)容能被更廣泛的設(shè)備訪問(wèn)
3、更容易被搜尋引擎搜索
4、降低網(wǎng)站流量費(fèi)用
5、使網(wǎng)站更易于維護(hù)
6、提高頁(yè)面瀏覽速度
3、Web 標(biāo)準(zhǔn)構(gòu)成
構(gòu)成： 主要包括 結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和 行為（Behavior）三個(gè)方面。
- 結(jié)構(gòu)用于對(duì)網(wǎng)頁(yè)元素進(jìn)行整理和分類，主要指的是 HTML。
- 表現(xiàn)用于設(shè)置網(wǎng)頁(yè)元素的版式、顏色、大小等外觀樣式，主要指的是 CSS。
- 行為是指網(wǎng)頁(yè)模型的定義及交互的編寫(xiě)，主要指的是 Javascript。
理想狀態(tài)下，他們?nèi)龑佣际仟?dú)立的， 放到不同的文件里面
Web標(biāo)準(zhǔn)不是某一個(gè)標(biāo)準(zhǔn)，而是由W3C組織和其他標(biāo)準(zhǔn)化組織制定的一系列標(biāo)準(zhǔn)的集合。
W3C 萬(wàn)維網(wǎng)聯(lián)盟是國(guó)際最著名的標(biāo)準(zhǔn)化組織。1994年成立后，至今已發(fā)布近百項(xiàng)相關(guān)萬(wàn)維網(wǎng)的標(biāo)準(zhǔn)，對(duì)萬(wàn)維網(wǎng)發(fā)展做出了杰出的貢獻(xiàn)。
w3c就類似于現(xiàn)實(shí)世界中的聯(lián)合國(guó)。
由于瀏覽器內(nèi)核不同，顯示頁(yè)面或者排版就有些許差異。開(kāi)發(fā)者常常需要為多版本的開(kāi)發(fā)而幸苦工作。所以需要執(zhí)行web標(biāo)準(zhǔn)來(lái)統(tǒng)一樣式。
