首頁  >  文章  >  web前端  >  被忽略的DOCTYPE說明分析_HTML/Xhtml_網頁製作

被忽略的DOCTYPE說明分析_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:41:511175瀏覽

doctype就是其中一個:

1.  doctype是什麼
  doctype標籤用來指​​定document的dtd(Document Type Definition)的,寫在每個html的最前面,形如:
  vailability "URI" [declarations]>
如幾種常見的doctype:
HTML 4.01: Strict
HTML 4.01 TransTDitional 2.  doctype能做什麼
  有沒有指定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 }解決瀏覽器相容問題。
  需要提醒注意的是,現在很多人使用的
以及
在幾個主要瀏覽器下都只相當於怪癖模式,換句話說,可以不加。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn