渲染機(jī)制:描述瀏覽器如何渲染頁(yè)面
DTD
文檔類型定義,是一系列語法規(guī)則狼荞,用來定義XML或者HTML的文件類型。瀏覽器會(huì)使用它來判斷文檔類型帮碰,決定使用何種協(xié)議來解析相味。
DOCTYPE
用來聲明文檔類型和DTD規(guī)范,一個(gè)重要的用途是文件的合法性驗(yàn)證殉挽。如果文件代碼不合法丰涉,那么瀏覽器解析時(shí)便會(huì)出一些差錯(cuò)
常見的DOCTYPE
<!DOCTYPE html>
html4 有嚴(yán)格模式和寬松模式拓巧,嚴(yán)格模式不包括展示性和棄用的元素
瀏覽器的渲染過程
Reflow(重排)
DOM結(jié)構(gòu)中每個(gè)元素都有自己的盒模型,這些都需要瀏覽器根據(jù)各種樣式來計(jì)算并根據(jù)計(jì)算結(jié)果將元素放到它該出現(xiàn)的位置一死。
如果避免
Repaint(重繪)
當(dāng)各種盒子的位置肛度、大小以及其他屬性,例如顏色投慈、字體大小都確定下來承耿,瀏覽器會(huì)把這些元素都按各自的特性繪制,頁(yè)面的內(nèi)容就呈現(xiàn)了逛裤。
如何避免最小程度的重繪瘩绒,因?yàn)槿魏胃淖兌紩?huì)導(dǎo)致重繪