前端面試題-<!DOCTYPE>

468122151 發(fā)布于2019-08-01 18:42 / 2100人閱讀

摘要：三瀏覽器模式為了能夠很好地顯示滿(mǎn)足標(biāo)準(zhǔn)的頁(yè)面，又能最大程度兼容不合法的。標(biāo)準(zhǔn)模式標(biāo)準(zhǔn)模式瀏覽器根據(jù)標(biāo)準(zhǔn)來(lái)渲染頁(yè)面。混雜模式混雜模式瀏覽器采用更加寬松的向后兼容的方式來(lái)渲染頁(yè)面。

現(xiàn)在的各種前端開(kāi)發(fā)工具都足夠強(qiáng)大，支持插入模板代碼，也就導(dǎo)致我們往往會(huì)忽略已經(jīng)自動(dòng)生成的代碼，而代碼的第一行 DOCTYPE 聲明，就是最容易忽略的部分。

一、DOCTYPE

DOCTYPE 是 document type(文檔類(lèi)型的）的簡(jiǎn)寫(xiě)。

1.1 DOCTYPE 的作用

告訴瀏覽器需要通過(guò)哪一種規(guī)范（文檔類(lèi)型定義，DTD）解析文檔（比如HTML或XHTML規(guī)范）；

二、DTD

DTD（document type definition，文檔類(lèi)型定義）是一系列的語(yǔ)法規(guī)則，用來(lái)定義 XML 或 (X)HTML 的文件類(lèi)型。瀏覽器會(huì)使用它來(lái)判斷文檔類(lèi)型， 決定使用何種協(xié)議來(lái)解析，以及切換瀏覽器模式。

三、瀏覽器模式

為了能夠很好地顯示滿(mǎn)足標(biāo)準(zhǔn)的頁(yè)面，又能最大程度兼容不合法的HTML。瀏覽器廠(chǎng)商一般會(huì)提供兩種瀏覽器模式。

3.1 標(biāo)準(zhǔn)模式

標(biāo)準(zhǔn)模式（standards mode）：瀏覽器根據(jù)W3C標(biāo)準(zhǔn)來(lái)渲染頁(yè)面。

3.2 混雜模式

混雜模式（quirks mode）：瀏覽器采用更加寬松的、向后兼容的方式來(lái)渲染頁(yè)面。

混雜模式下，瀏覽器會(huì)模仿舊瀏覽器的行為，比如IE6，在此基礎(chǔ)上兼容新的標(biāo)準(zhǔn)特性。混雜模式又稱(chēng)兼容模式、怪異模式等。

四、DOCTYPE 切換

瀏覽器根據(jù)不同的 DOCTYPE 選擇不同的渲染方法就叫做 DOCTYPE 切換。其實(shí) DOCTYPE切換就是用來(lái)識(shí)別和兼容舊網(wǎng)頁(yè)的。

五、的重要性 5.1 聲明文檔的解析類(lèi)型(document.compatMode)，避免瀏覽器的怪異模式

如果你是使用最新標(biāo)準(zhǔn)編寫(xiě)的頁(yè)面但未給出 DOCTYPE 聲明，這時(shí)就可能會(huì)出現(xiàn)一些怪異的行為。但若你聲明了，那么瀏覽器等同于進(jìn)入了標(biāo)準(zhǔn)模式，并且按照W3C標(biāo)準(zhǔn)渲染頁(yè)面。