<aside> 💡 Main Goal ：藉由理解此文章理解 morden browser 的底層運作

</aside>

問題點:

• 瀏覽器對於 HTML 撰寫的容錯度?
• 為什麼大家都說重排勢必重繪，要盡量避免?
• CSS 的深度層級是怎麼被解讀的?為什麼都不會有抓不到的時候?
• 同一個區塊內依照順序 有 p⇒zindex :-1 與 p⇒zindex:13 的元素，哪一個會先被繪製呢?
• 重排(回流) 與重繪的差別 ?
• CSS 的解析為什麼要影響 JS?
• 瀏覽器引擎跟解釋器是同一個嗎？

␦ 目前瀏覽器的使用率佔比

🀆 瀏覽器的主要功能( functionality )

透過解析使用者的統一資源識別符 URI (Uniform Resource Identifier) 將 需求的 request 顯示到頁面上.回傳頁面的規格則由 W3C 規定[瀏覽器戰爭].

常規且共通的使用介面功能：

1. URI 的地址輸入解釋器(上方的 input )
2. 上下頁的按鈕
3. 書籤選項
4. 更新和停止按鈕
5. 主頁按鈕