DOCTYPE對網頁效果的影響

2021-06-15 21:38:21 字數 808 閱讀 5193

最近在頁面中使用padding控制div的樣式時,其中乙個頁面無論怎麼修改padding都不能起到應有的作用,**如下:

測試資訊

和其他頁面比較,**幾乎沒有差別,但是還是有一點不起眼的差異,那就是兩個檔案開頭的doctype宣告不一樣:

出現效果的頁面的doctype是:

,而另外乙個:

">

將後者改為和前者一致時,就出現了需要的效果。

頁面上的doctype宣告往往容易被忽視,但在遵循標準的任何web文件中,它都是一項必需的元素。doctype會影響**驗證,並決定了瀏覽器最終如何顯示你的web文件。 doctype的作用doctype宣告指出閱讀程式應該用什麼規則集來解釋文件中的標記。在web文件的情況下,「閱讀程式」通常是瀏覽器或者校驗器這樣的乙個程式,「規則」則是w3c所發布的乙個文件型別定義(dtd)中包含的規則。 每個dtd都包括一系列標記、attributes和properties,它們用於標記web文件的內容;此外還包括一些規則,它們規定了哪些標記能出現在其他哪些標記中。每個web建議標準(比如html 4 frameset和xhtml 1.0 transitional)都有自己的dtd。 假如文件中的標記不遵循doctype宣告所指定的dtd,這個文件除了不能通過**校驗之外,還有可能無法在瀏覽器中正確顯示。對於標記不一致的問題,瀏覽器相較於校驗器來說更寬容。但是,不正確的doctype宣告經常導致網頁不正確顯示,或者導致它們根本不能顯示。

**中的「padding:10 10 10 10」其實是一種不正確的寫法,將其改為「padding:10px 10px 10px 10px」就不會存在由於doctype不同而導致樣式不起作用的問題了。

DOCTYPE對網頁效果的影響

最近在頁面中使用padding控制div的樣式時,其中乙個頁面無論怎麼修改padding都不能起到應有的作用,如下 測試資訊 和其他頁面比較,幾乎沒有差別,但是還是有一點不起眼的差異,那就是兩個檔案開頭的doctype宣告不一樣 出現效果的頁面的doctype是 而另外乙個 將後者改為和前者一致時,...

DOCTYPE宣告對CSS顯示效果也有影響!

看下面兩段 兩段 不同之處僅僅是doctype的宣告,但是請看看它們在ie6中的顯示效果,第1段 文字都在同一行,而第2段 卻產生了換行!而在ff中顯示效果又是另一番景象 原來我曾以為,有了css之後,可以拋棄 了。但是現在發現,css也靠不住了。比如我可能會寫乙個頁面元件,使用css來控制布局,但...

HTML網頁的 DOCTYPE詳解

開啟一些符合標準的站點,例如著名web設計軟體開發商macromedia,會發現同樣的 而另一些符合標準的站點的 則如下 那麼這些 有什麼含義?一定要放置嗎?上面這些 我們稱做doctype宣告。doctype是document type 文件型別 的簡寫,用來說明你用的xhtml或者html是什麼...