網頁上加上頁浮動廣告的一段JS就不管用，是doctype的原因

最後更新：2018-12-03 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

網頁上加上<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 頁浮動廣告的一段JS就不管用，是doctype的原因
doctype的作用
doctype聲明指出閱讀程式應該用什麼規則集來解釋文檔中的標記。在web文檔的情況下，“閱讀程式”通常是瀏覽器或者校正器這樣的一個程式，“規則”則是w3c所發布的一個文件類型定義（dtd）中包含的規則。

每個dtd都包括一系列標記、attributes和properties，它們用於標記web文檔的內容；此外還包括一些規則，它們規定了哪些標記能出現在其他哪些標記中。每個web建議標準（比如html 4 frameset和xhtml 1.0 transitional）都有自己的dtd。

假如文檔中的標記不遵循doctype聲明所指定的dtd，這個文檔除了不能通過代碼校正之外，還有可能無法在瀏覽器中正確顯示。對於標記不一致的問題，瀏覽器相較於校正器來說更寬容。但是，不正確的doctype聲明經常導致網頁不正確顯示，或者導致它們根本不能顯示。

選擇正確的doctype
為了獲得正確的doctype聲明，關鍵就是讓dtd與文檔所遵循的標準對應。例如，假定文檔遵循的是xhtml 1.0 strict標準，文檔的doctype聲明就應該引用相應的dtd。另一方面，如果doctype聲明指定的是xhtml dtd，但文檔包含的是舊式風格的html標記，就是不恰當的；類似地，如果doctype聲明指定的是html dtd，但文檔包含的是xhtml 1.0 strict標記，同樣是不恰當的。

有的時候，也可以根本不使用一個doctype聲明。如果沒有指定有效doctype聲明，大多數瀏覽器都會使用一個內建的預設dtd。在這種情況下，瀏覽器會用內建的dtd來試著顯示你所指定的標記。對於一些臨時性的、匆忙拼湊的文檔（這種文檔有許多），你確實可以考慮省略doctype聲明，並接受瀏覽器的預設顯示。

完全可以從頭編寫一個doctype聲明，並讓它指向自己選擇的一個dtd。然而，由於大多數web文檔都需要遵循由w3c發布的某個國際公認的web標準，所以那些文檔通常都要包含以下標準doctype聲明之一：

html 2：

<!doctype html public "-/ietf/dtd html 2.0/en">

html 3.2：

<!doctype html public "-/w3c/dtd html 3.2 final/en">

html 4.01 strict：

<!doctype html public "-/w3c/dtd html 4.01/en"
"http://www.w3.org/tr/html4/strict.dtd">

html 4.01 transitional：

<!doctype html public "-/w3c/dtd html 4.01 transitional/en"
"http://www.w3.org/tr/html4/loose.dtd">

html 4.01 frameset：

<!doctype html public "-/w3c/dtd html 4.01 frameset/en"
"http://www.w3.org/tr/html4/frameset.dtd">

xhtml 1.0 strict：

<!doctype html public "-/w3c/dtd xhtml 1.0 strict/en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">

xhtml 1.0 transitional：

<!doctype html public "-/w3c/dtd xhtml 1.0 transitional/en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

xhtml 1.0 frameset：

<!doctype html public "-/w3c/dtd xhtml 1.0 frameset/en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd">

xhtml 1.1：

<!doctype html public "-/w3c/dtd xhtml 1.1/en"
"http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">

xhtml 1.1 plus mathml plus svg：

<!doctype html public
"-/w3c/dtd xhtml 1.1 plus mathml 2.0 plus svg 1.1/en"
"http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">

除了上面列出的doctype聲明，具有特殊要求的一些文檔還使用了其他幾種聲明。

doctype聲明通常是文檔的第一行，要在<html>標記以及其他文檔內容之前。注意，在xhtml文檔中，doctype的前面偶爾會出現一條xml處理指示（也稱為xml prolog）：

<@xml version="1.0" encoding="utf-8"@>

為了確保網頁正確顯示和順利通過驗證，使用正確的doctype是關鍵。與內容相反的、不正確的或者形式錯誤的doctype是大量問題的罪魁禍首。在未來的專欄文章中，我還會具體解釋如何診斷及糾正這些問題。

用dw設計網頁時，建立一個檔案，看代碼最前面總要出現一個下面的東東，
<!doctype html public "-/w3c/dtd html 4.01 transitional/en"
"http://www.w3.org/tr/html4/loose.dtd">
這個是dw自動在網頁檔案頁增加了dtd資訊.可以刪.
刪除後，瀏覽器會使用的預設dtd.

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More