doctype就是其中一個:
1. doctype是什麼
doctype標籤用來指定document的dtd(Document Type Definition)的,寫在每個html的最前面,形如:
vailability "URI" [declarations]>
如幾種常見的doctype:
HTML 4.01: Strict
HTML 4.01 TransTDitional
有沒有指定doctype, 以及指定不同的doctype都會啟動不同的瀏覽器模式,從而產生對一些對html,css和js的影響,其中最著名的就是所謂的盒模型問題。 2.1 為什麼會有多種模式
在很久很久以前還是netscape和ie爭霸天下的時代,由於太強大了,瀏覽器模式是由瀏覽器自己說了算的。時光流逝,轉眼到了戰國群雄的時代,大家發現如果都自己說了算的話天下就亂套了,就商量說推舉個盟主吧,於是w3c就上台了。但問題又來了,譬如IE,雖說再不能一頭獨大,向標準看齊是大勢所趨,但是假如瀏覽器只支持標準的話,之前的許多頁面又會產生一些問題。
於是doctype應運而生,假如沒有指定任何doctype,就採用原先的模式,被稱為怪癖模式(Quirks Mode),假如指定了doctype,就遵循標準,被稱為標準模式或嚴格模式(Standards Mode)。期間,以Mozilla為代表的幾位,覺得標準模式裡諸如img的解析不是很合適,就保留了一些個人意見,在指定一些特定的doctype情況下,會採用一種準標準模式(Almost Standards Mode) ,具體情況請參考Activating Browser Modes with Doctype,或是@隨網之舞的譯文用doctype啟動瀏覽器模式。
2.2 不同模式的具體影響
@ppk大牛已經給我們做了很好的總結,Quirks mode and strict mode。
3. 建議採用的doctype
理由:支援html5,在不辨識的情況下,會採用嚴格模式。 再加入一些reset css,如img { display: block }解決瀏覽器相容問題。
需要提醒注意的是,現在很多人使用的
以及
在幾個主要瀏覽器下都只相當於怪癖模式,換句話說,可以不加。