!DOCTYPE html　的用處（轉載）

時間 2019-11-13

標籤 doctype html 用處轉載欄目 HTML 简体版

原文原文鏈接

噩夢開始的源頭：以前寫html或者jsp頁面，歷來不注意doctype的聲明，也不太明白doctype的做用。直到最近碰到了一個很是奇葩的bug：某一個頁面在IE7和8，Chrome，ff等下正常，可是在IE9下顯示有問題，我就開始找啊找，各類調試，各類log，終於在httpWatch裏邊找到了答案：DOCTYPE未聲明。因而我給頁面添加了<!DOCTYPE html>,果真奏效了。html

下面我就儘量簡潔扼要的說一下DOCTYPE的做用和用法。瀏覽器

1做用：聲明文檔的解析類型(document.compatMode)，避免瀏覽器的怪異模式。jsp

document.compatMode：
BackCompat：怪異模式，瀏覽器使用本身的怪異模式解析渲染頁面。
CSS1Compat：標準模式，瀏覽器使用W3C的標準解析渲染頁面。調試

這個屬性會被瀏覽器識別並使用，可是若是你的頁面沒有DOCTYPE的聲明，那麼compatMode默認就是BackCompat,htm

這也就是惡魔的開始 -- 瀏覽器按照本身的方式解析渲染頁面，那麼，在不一樣的瀏覽器就會顯示不一樣的樣式。文檔

若是你的頁面添加了<!DOCTYPE html>那麼，那麼就等同於開啓了標準模式，那麼瀏覽器就得老老實實的按照W3C的get

標準解析渲染頁面，這樣一來，你的頁面在全部的瀏覽器裏顯示的就都是一個樣子了。渲染

這就是<!DOCTYPE html>的做用。bug

2 使用：<!DOCTYPE html>im

2.1 使用也很簡單，就是在你的html頁面的第一行添加"<!DOCTYPE html>"一行代碼就能夠了

2.2 jsp的話，添加在<%@ page %>的下一行。

2.3 不用區分大小寫哦