前言&WEB標準
常用瀏覽器核心（理解）
首先解釋一下瀏覽器核心是什麼東西。英文叫做：Rendering Engine，中文翻譯很多，排版引擎、解釋引擎、渲染引擎，現在流行稱為瀏覽器核心。
負責讀取網頁內容，整理訊息，計算網頁的顯示方式並顯示頁面.
- Trident(IE核心)
代表： IE、傲遊、世界之窗瀏覽器、Avant、騰訊TT、獵豹安全瀏覽器、360極速瀏覽器、百度瀏覽器等。
- Gecko(firefox)
可惜這幾年已經沒落了， 比如 開啟速度慢、升級頻繁、豬一樣的隊友flash、神一樣的對手chrome。
- webkit(Safari)
現在很多人錯誤地把 webkit 叫做 chrome核心（即使 chrome核心已經是 blink 了）。蘋果感覺像被別人搶了媳婦，都哭暈再廁所裡面了。
代表瀏覽器：傲遊瀏覽器3
- Chromium/Blink(chrome)
在 Chromium 專案中研發 Blink 渲染引擎（即瀏覽器核心），內置於 Chrome 瀏覽器之中。Blink 其實是 WebKit 的分支。
大部分國產瀏覽器最新版都採用Blink核心。二次開發
- Presto(Opera)
Presto（已經廢棄） 是挪威產瀏覽器 opera 的 “前任” 核心，為何說是 “前任”，因為最新的 opera 瀏覽器早已將之拋棄從而投入到了谷歌懷抱了。 現在用blink核心。
移動端的瀏覽器核心主要說的是系統內建瀏覽器的核心。
Android手機而言，使用率最高的就是Webkit核心，大部分國產瀏覽器宣稱的自己的核心，基本上也是屬於webkit二次開發。
iOS以及WP7平臺上，由於系統原因，系統大部分自帶瀏覽器核心，一般是Safari或者IE核心Trident的
3. Web標準（重點）
目標
- 記憶
- 能說出網頁 中 web 標準三層組成
- 理解
- 能結合人來表述web標準三層
Web標準不是某一個標準，而是由W3C組織和其他標準化組織制定的一系列標準的集合。
W3C 全球資訊網聯盟 是國際最著名的標準化組織。1994年成立後，至今已釋出近百項相關全球資訊網的標準，對全球資訊網發展做出了傑出的貢獻。
w3c就類似於現實世界中的聯合國。
3.1 為什麼要遵循WEB標準呢？
通過以上瀏覽器的核心不同，我們知道他們渲染或者排版的模式就有些許差異，顯示就會有差別。
問： 哪個方言再全國基本都可以聽得懂？
3.2 Web 標準的好處
1、讓Web的發展前景更廣闊
2、內容能被更廣泛的裝置訪問
3、更容易被搜尋引擎搜尋
4、降低網站流量費用
5、使網站更易於維護
6、提高頁面瀏覽速度
專業的人做專業的事。 來呀快活呀反正有大把時間~
3.3 Web 標準構成
構成： 主要包括結構（Structure）、表現（Presentation）和行為（Behavior）三個方面。
-
結構標準：結構用於對網頁元素進行整理和分類，咱們主要學的是HTML。 對於網頁來說最重要的一部分
-
表現標準：表現用於設定網頁元素的版式、顏色、大小等外觀樣式，主要指的是CSS
-
行為標準：行為是指網頁模型的定義及互動的編寫，咱們主要學的是 Javascript js
-
重要的原則：頁面三層分離(HTML,css，js書寫的時候分開來寫)
理想狀態我們的原始碼： .HTML .css .js
總結WEB標準：
結構標準： 決定你是否有個好天然身體
表現標準： 決定你是否打扮的美麗外觀
行為標準： 決定你是否有吸引人的行為
3.4 小練習：
**1.關於WEB標準下列說法正確的是: **
-
html決定頁面的行為，css決定頁面的樣式，js決定頁面的結構
-
html決定頁面的樣式，css決定頁面的結構，js決定頁面的行為
-
html決定頁面的結構，css決定頁面的樣式，js決定頁面的行為
-
以上都不正確
2 web 標準裡邊規定三層分離不包括哪部分
-
HTML
-
CSS
-
JavaScript js
-
PHP
3.關於WEB標準下列說法正確的是
-
html相當於人的動作行為，CSS相當於人的穿著打扮，javascript相當於人的骨架結構；
-
html相當於人的骨架結構，CSS相當於人的穿著打扮，javascript相當於人的動作行為；
-
html相當於人的穿著打扮，CSS相當於人的骨架結構，javascript相當於人的動作行為；
-
html相當於人的骨架結構，CSS相當於人的動作行為，javascript相當於人的穿著打扮；
4. @拓展
-
介紹一下你對瀏覽器核心的理解？常見的瀏覽器核心有哪些？
瀏覽器核心包括兩部分，渲染引擎和js引擎。渲染引擎負責讀取網頁內容，整理訊息，計算網頁的顯示方式並顯示頁面，js引擎是解析執行js獲取網頁的動態效果。 後來 JS 引擎越來越獨立，核心就傾向於只指渲染引擎。
IE：Trident
firefox：Gecko
chrom、safari：webkit
Opera：Presto 最新的是 BLINK
Microsoft Edge：EdgeHTML