doctype 是乙個文件型別標記,是一種標準通用標記語言的文件型別宣告,在 web 設計中用來說明你用的 xhtml 或者 html 是什麼版本
重點在於文件的dtd:
如果文件中包含了嚴格的doctype,那麼它一般以嚴格模式呈現。
如果文件中包含過渡dtd和uri的doctype,也以嚴格模式呈現,但有過渡dtd而沒有uri,會導致文件以混雜模式呈現。
doctype不存在或者形式不正確或有誤,文件以混雜模式呈現。
html5沒有dtd,因此也就沒有嚴格模式與混雜模式的區分,html5相對來說語法比較寬鬆。
在標準的w3c模式下,如果設定乙個元素的寬度和高度,指的是元素內容的寬度和高度。而在ie5.5及以下的瀏覽器及其他版本的混雜模式下,這個寬度和高度還包含了padding和border
在嚴格模式下,給span等行內元素設定width和height都沒有效果,但是在混雜模式下會生效
在嚴格模式下,乙個元素的高度是由它包含的內容來決定的,如果父元素沒有設定高度,子元素設定乙個百分比的高度是無效的。
用margin:0 auto在嚴格模式下可以使元素水平居中,但在混雜模式下卻會失效,解決辦法是用text-align
DOCTYPE 嚴格模式與混雜模式
在過去的舊式瀏覽器中,css渲染的相容異常糟糕,都沒有使用w3c提供的標準模式,但是標準化不得不進行。於是提供的混雜模式 怪異模式 與標準模式。觸發條件 1 產生於標準化浪潮以前的網頁並沒有doctype宣告。因此 沒有doctype 意味著觸發怪異模式 既依據舊式的css規則渲染網頁。2 相反,如...
Doctype 嚴格模式與混雜模式
宣告叫做檔案型別定義 dtd 宣告的作用為了告訴瀏覽器該檔案的型別。讓瀏覽器解析器知道應該用哪個規範來解析文件。宣告必須在 html 文件的第一行,但這並不是乙個 html 標籤。嚴格模式 又稱標準模式,是指瀏覽器按照 w3c 標準解析 混雜模式 又稱怪異模式,是指瀏覽器用自己的方式解析 1 如果文...
DOCTYPE的作用以及標準模式和相容模式的區別
宣告必須處於html文件的頭部,在標籤之前,告知瀏覽器的解析器用什麼文件標準解析這個文件。doctype不存在或格式不正確會導致文件以相容模式呈現。html5中不區分大小寫 宣告不是乙個html標籤,是乙個用於告訴瀏覽器當前html版本的指令 現代瀏覽器的html布局引擎通過檢查doctype決定使...