文檔類型聲明與不聲明,將會(huì)導(dǎo)致你的css或js都無(wú)法正常安裝要求顯示。所以好多網(wǎng)站都聲明了文檔類型。這樣做有什么好處大家可以看看下面的文章。
文檔類型聲明
在你每一個(gè)頁(yè)面的頂端,你需要文檔聲明。是的,必須。
如果不指定文檔類型,你的HTML不是合法的HTML,并且大部分瀏覽器會(huì)用“怪癖模式(quirks mode)”來(lái)處理頁(yè)面,這意味著瀏覽器認(rèn)為你自己也不知道究竟做什么,并且按瀏覽器自己的方式來(lái)處理你的代碼。你可以是一個(gè)HTML大師,在地球上打遍天下無(wú)敵手,或者你的HTML可以無(wú)瑕疵,CSS可以很完美,但如果沒(méi)有文檔聲明,或者錯(cuò)誤的文檔聲明,你的網(wǎng)頁(yè)與一個(gè)短視的,獨(dú)眼的長(zhǎng)臂猿嬰兒十分艱難地堆砌起來(lái)的沒(méi)兩樣。
XHTML 1.0 Strict(嚴(yán)格)的文檔聲明是這樣的: 下面的是XHTML 1.1的文檔聲明,作為XHTML的最新版本,看起來(lái)更完美,但還是有一些問(wèn)題,隨后我們會(huì)稍微講解 注意DOCTYPE標(biāo)簽必須大寫(xiě)和前置一個(gè)英文半角感嘆號(hào)!。它是唯一一個(gè)打破規(guī)則的標(biāo)簽,它不需要關(guān)閉。 語(yǔ)言聲明 聲明一個(gè)主要用英語(yǔ)內(nèi)容的文檔,例子是這樣的: 在聲明主要語(yǔ)言之后,假如還需要使用其他語(yǔ)言,你還可以在內(nèi)聯(lián)中使用xml:lang屬性(比如<span xml:lang="de">HTML Hund</span>)。 內(nèi)容類型 HTTP頭部的第一部分(如text/html)是文件MIME類型,讓瀏覽器知道文件的媒體類型因此可以知道怎么處理。所有的文件都有MIME類型。JPEG圖像是image/jpeg,CSS文件是text/csss和HTML一般使用text/html。 HTTP頭部的第二部分(如UTF-8部分)是字符集。 也許設(shè)置HTTP頭的最簡(jiǎn)易方法是在HTML中使用“HTTP同義(HTTP-equivalent)”的頭標(biāo)簽,像這樣: 下面是腳本之家的補(bǔ)充內(nèi)容。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "
即使HTTP頭或者在html起始標(biāo)簽內(nèi)設(shè)置了xml:lang屬性,你也必須為文檔指定一個(gè)主要語(yǔ)言。盡管處理一個(gè)合法的XHTML文檔這不是必須的,但也是一個(gè)易用性的考慮。值是縮寫(xiě)的,比如en(English,英語(yǔ)),fr(French,法語(yǔ)),de(German,德語(yǔ))。
<html xmlns="
HTML文檔的媒體類型和字體集也許要指定,可以使用HTTP頭來(lái)完成,比如:
Content-Type: text/html; charset=UTF-8
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
下面是常用的文檔聲明,其實(shí)dreamweaver默認(rèn)就是這種聲明。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無(wú)標(biāo)題文檔</title>
</head>
<body>
</body>
</html>
css聲明與不聲明會(huì)導(dǎo)致頁(yè)面的控制不一樣。更不會(huì)符合w3c標(biāo)準(zhǔn)什么的。所以建議大家都要加上。這樣才能讓多瀏覽器兼容您的網(wǎng)站。
javascript的影響,會(huì)更大,導(dǎo)致以前寫(xiě)的js代碼,不能正常的運(yùn)行。尤其像對(duì)聯(lián)廣告之類的。其實(shí)一般情況注意下面這個(gè)問(wèn)題,就好了
不聲明的時(shí)候 一般用 document.body.scrollTop;
聲明文檔類型的時(shí)候用document.documentElement.scrollTop;