渲染引擎：渲染引擎可以顯示html、xml文件及，它也可以借助外掛程式（一種瀏覽器擴充套件）顯示其他型別資料，例如使用pdf閱讀器外掛程式可以顯示pdf格式。
不同的瀏覽器有不同的渲染引擎：
trident(mshtml)核心：ie,maxthon,tt,the world,360,搜狗瀏覽器等
gecko核心：netscape6及以上版本，ff,mozillasuite/seamonkey等
presto核心：opera7及以上
webkit核心：safari,chrome等
渲染流程
渲染引擎首先通過網路獲得所請求文件的內容，通常以8k分塊的方式完成。下面是渲染引擎在取得內容之後的基本流程：
解析html以構建dom樹 -> 構建render樹 -> 布局render樹 -> 繪製render樹
步驟詳細解釋：
第一步：渲染引擎開始解析html，根據標籤構建dom節點
第二步：根據css樣式構建渲染樹，包括元素的大小、顏色，隱藏的元素不會被構建到該樹中。
第三步：根據css樣式構建布局樹，主要是確定元素要顯示的位置。
第四步：根據前面的資訊，繪製渲染樹。
參考：頁面渲染原理是什麼？
web頁面渲染解析原理
使用者輸入 假設是個html頁面，並且是第一次訪問 瀏覽器向伺服器發出請求，伺服器返回html檔案 然後瀏覽器從head標籤開始逐行解析html 遇到link標籤又會向伺服器請求載入css檔案，不過這個過程是非同步的，有多個css檔案，會多個同時載入。繼續往後如果遇到script標籤或者js檔案就會...
頁面渲染的原理及流程
根據html檔案構建dom樹和cssom樹。構建dom樹期間，如果遇到js，阻塞dom樹及cssom樹的構建，優先載入js檔案，載入完畢，再繼續構建dom樹及cssom樹。構建渲染樹。頁面的重繪與重排 也有稱回流 頁面渲染完成後，若js操作了dom節點，根據js對dom操作動作的大小，瀏覽器對頁面進...
瀏覽器渲染頁面原理
當了解web訪問原理後，與前端工程師或頁面重構師工作更為關係密切的應該是瀏覽器，web 頁面執行在各種各樣的瀏覽器當中，瀏覽器載入 渲染頁面的速度直接影響著使用者體驗，特別是瀏覽器渲染頁面的原理，頁面渲染就是瀏覽器將 html 根據 css 定義的規則顯示在瀏覽器視窗中的這個過程，理解了原理就更會容...