渲染機制

時間 2019-12-01

標籤渲染機制简体版

原文原文鏈接

1、DOCTYPE及做用html

DTD（document type definition,文檔類型定義）是一系列的語法規則，用來定義XML或（X）HTML的文件類型。瀏覽器會使用它來判斷文檔類型，決定使用何種協議來解析，以及切換瀏覽器模式。瀏覽器

DOCTYPE是用來聲明文檔類型和DTD規範的，一個主要的用途即是文件的合法性驗證。若是文件代碼不合法，那麼瀏覽器解析時便會出一些差錯。字體

HTML5動畫

<!DOCTYPE html>htm

HTML4.01 Strict——不包括展現性和棄用的元素（好比font）文檔

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/strict.dtd">it

HTML4.01 Transitionalio

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/loose.dtd">渲染

2、瀏覽器的渲染過程語法

3、重排Reflow

DOM結構中的各個元素都有本身的盒子（模型），這些都須要瀏覽器根據各類樣式來計算並根據結果將元素放到它該出現的位置，這個過程稱之爲reflow。

觸發Reflow：

1)增長、刪除、修改DOM結點時，會致使Reflow 或Repaint

2)移動DOM的位置，或是寫個動畫的時候

3)修改CSS樣式的時候

4)Resize窗口的時候（移動端則沒有這個問題），或者是混動的時候

5)修改網頁的默認字體時

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。