DOCTYPE

原文鏈接:
DOCTYPE的作用:文檔類型與瀏覽器模式

DOCTYPE


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

  • DOCTYPE
    用來聲明文檔類型和DTD規(guī)范, 一個(gè)主要用途就是文件的合法性驗(yàn)證. DOCTYPE聲明包括標(biāo)準(zhǔn)版本和一個(gè)DTD文件的URI.
    eg:

    1. html5
      <!DOCTYPE html>
    2. html4.01 strict
      該DTD包含所有html元素和屬性, 不包括展示性和棄用的元素(如
      font), 不允許框架集(Frameset).
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    3. html4.01 transitional
      該 DTD 包含所有HTML元素和屬性, 包括展示性的和棄用的元
      素(比如 font)不允許框架集(Framesets).
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • 瀏覽器模式
    標(biāo)準(zhǔn)模式(standards mode): 瀏覽器根據(jù)標(biāo)準(zhǔn)規(guī)約來渲染頁面.
    混雜模式(quirks mode): 瀏覽器采用更加寬松的、向后兼容的方式來渲染頁面。該模式下瀏覽器會(huì)模仿舊瀏覽器的行為, 比如IE6,在此基礎(chǔ)上兼容新的標(biāo)準(zhǔn)特性. 又稱兼容模式、怪異模式等。

  • DOCTYPE切換
    瀏覽器根據(jù)不同的DOCTYPE選擇不同的渲染方法,用來識(shí)別和兼容舊網(wǎng)頁的。

    瀏覽器會(huì)采用標(biāo)準(zhǔn)模式渲染的情況:

    • 給出了完整的DOCTYPE聲明
    • DOCTYPE聲明了Strict DTD
    • DOCTYPE聲明了Transitional DTD和URI

    瀏覽器會(huì)采用混雜模式渲染的情況:

    • DOCTYPE聲明了Transitional DTD但未給出URI
    • DOCTYPE聲明不合法
    • 未給出DOCTYPE聲明
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 序章 談?wù)劇盀g覽器兼容性”的問題?很多前端的面試或筆試中,都有比較籠統(tǒng)的“說說你所知道的各瀏覽器存在的兼容問題”,...
    麻辣小隔壁閱讀 3,158評(píng)論 1 57
  • 1.HTML、XML、XHTML的區(qū)別 HTML:超文本標(biāo)記語言(Hyper Text Markup Langua...
    IT男的成長記錄閱讀 330評(píng)論 0 1
  • HTML、XML、XHTML 有什么區(qū)別 1.HTML 是用來描述網(wǎng)頁的一種語言,指的是超文本標(biāo)記語言 (Hype...
    饑人谷_牛牛閱讀 824評(píng)論 0 2
  • HTML、XML、XHTML有什么區(qū)別? XMLXML是The Extensible Markup Languag...
    zx9426閱讀 511評(píng)論 0 1
  • 1.meta標(biāo)簽 元素可提供有關(guān)頁面的元信息(meta-information),比如針對(duì)搜索引擎和更新頻度的描述...
    姚小帥閱讀 393評(píng)論 0 1

友情鏈接更多精彩內(nèi)容