1.HTML初識

1.認識網頁（瞭解）
問題1：網頁由哪些部分組成？
文字、圖片、音訊、影片、超連結
問題2：我們看到的網頁背後本質是什麼？
前端程式設計師寫的程式碼
問題3：前端的程式碼是透過什麼軟體轉換成使用者眼中的頁面的？
透過瀏覽器轉化（解析和渲染）成使用者看到的網頁
2.渲染引擎（瀏覽器核心）：瀏覽器中專門對程式碼進行解析渲染的部分
瀏覽器出品的公司不同，內在的渲染引擎也是不同的
IE瀏覽器 核心是：Trident
chrome 核心是：Blink(Blink是webkit的分支)
Safari 核心是：webkit
渲染引擎不同，導致解析相同程式碼時的 速度、效能、效果也不同的
谷歌瀏覽器的渲染引擎速度快、效能高、效果好，所以更吸引使用者的喜愛（推薦）
小結：
五大瀏覽器有哪些？
• IE瀏覽器
• 火狐瀏覽器（Firefox）
• 谷歌瀏覽器（Chrome）
• Safari瀏覽器
• 歐朋瀏覽器（Opera）
Ø 相同的網頁在不同瀏覽器中顯示效果會完全一致嗎？
• 因為不同瀏覽器渲染引擎不同，解析的效果會存在差異
Ø 前端工程師日常推薦使用哪一個瀏覽器？
• 谷歌瀏覽器（Chrome）
3.Web標準
為什麼需要Web標準？
不同瀏覽器的渲染引擎不同，對於相同程式碼解析的效果會存在差異
• 如果使用者想看一個網頁，結果用不同瀏覽器開啟效果不同，使用者體驗極差！
Ø Web標準：讓不同的瀏覽器按照相同的標準顯示結果，讓展示的效果統一！
Web標準中分成三個構成：
構成 語言 說明
結構 html 頁面元素和內容
表現 css 網頁元素的外觀和位置等頁面樣式（如顏色、大小等）
行為 jsp 網頁模型的定義與頁面互動