认识web
01-認識Web和Web標準
web標準
Web標準 ：制作網頁要遵循的規范。
Web標準不是某一個標準，而是由W3C組織和其他標準化組織制定的一系列標準的集合。
1、Web標準包括三個方面 ：
- 結構標準（HTML）：用于對網頁元素進行整理和分類。
- 表現標準（CSS）：用于設置網頁元素的版式、顏色、大小等外觀樣式。
- 行為標準（JS）：用于定義網頁的交互和行為。
根據上面的Web標準，可以將 Web前端分為三層，如下。
2、Web前端分三層 ：
- HTML（HyperText Markup Language）：超文本標記語言。從語義的角度描述頁面的 結構 。相當于人的身體組織結構。
- CSS（Cascading Style Sheets）：層疊樣式表。從審美的角度美化頁面的 樣式 。相當于人的衣服和打扮。
- JS：JavaScript。從交互的角度描述頁面的 行為 。相當于人的動作，讓人有生命力。
02-瀏覽器的介紹
瀏覽器的組成
瀏覽器分成兩部分：
- 1、渲染引擎（即：瀏覽器內核）
- 2、JS 引擎
1、渲染引擎（瀏覽器內核）
瀏覽器所采用的「渲染引擎」也稱之為「瀏覽器內核」，用來解析 HTML與CSS。渲染引擎決定了瀏覽器如何顯示網頁的內容以及頁面的格式信息。
渲染引擎是瀏覽器兼容性問題出現的根本原因。
渲染引擎的英文叫做 Rendering Engine。通俗來說，它的作用就是：讀取網頁內容，計算網頁的顯示方式并顯示在頁面上。
2、JS 引擎
也稱為 JS 解釋器。 用來解析網頁中的JavaScript代碼，對其處理后再運行。
瀏覽器本身并不會執行JS代碼，而是通過內置 JavaScript 引擎(解釋器) 來執行 JS 代碼 。JS 引擎執行代碼時會逐行解釋每一句源碼（轉換為機器語言），然后由計算機去執行。所以 JavaScript 語言歸為腳本語言，會逐行解釋執行。
參考鏈接：
主流瀏覽器內核及JS引擎
瀏覽器工作原理
1、User Interface 用戶界面，我們所看到的瀏覽器。
2、Browser engine 瀏覽器引擎，用來查詢和操作渲染引擎。
3、Rendering engine 用來顯示請求的內容，負責解析HTML、CSS。
4、Networking 網絡，負責發送網絡請求。
5、JavaScript Interpreter(解析者) JavaScript解析器，負責執行JavaScript的代碼。
6、UI Backend UI后端，用來繪制類似組合框和彈出窗口。
7、Data Persistence(持久化) 數據持久化，數據存儲 cookie、HTML5中的sessionStorage。
參考鏈接：
- 中文版：瀏覽器的工作原理：新式網絡瀏覽器幕后揭秘
總結
