DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> DOCTYPE 文檔類型聲明(網頁愛好者必看)
DOCTYPE 文檔類型聲明(網頁愛好者必看)
編輯:HTML和Xhtml     
文檔類型聲明
在你每一個頁面的頂端,你需要文檔聲明。是的,必須。

如果不指定文檔類型,你的HTML不是合法的HTML,並且大部分浏覽器會用“怪癖模式(quirks mode)”來處理頁面,這意味著浏覽器認為你自己也不知道究竟做什麼,並且按浏覽器自己的方式來處理你的代碼。你可以是一個HTML大師,在地球上打遍天下無敵手,或者你的HTML可以無瑕疵,CSS可以很完美,但如果沒有文檔聲明,或者錯誤的文檔聲明,你的網頁與一個短視的,獨眼的長臂猿嬰兒十分艱難地堆砌起來的沒兩樣。

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.1的文檔聲明,作為XHTML的最新版本,看起來更完美,但還是有一些問題,隨後我們會稍微講解
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

注意DOCTYPE標簽必須大寫和前置一個英文半角感歎號!。它是唯一一個打破規則的標簽,它不需要關閉。

語言聲明
即使HTTP頭或者在html起始標簽內設置了xml:lang屬性,你也必須為文檔指定一個主要語言。盡管處理一個合法的XHTML文檔這不是必須的,但也是一個易用性的考慮。值是縮寫的,比如en(English,英語),fr(French,法語),de(German,德語)。

聲明一個主要用英語內容的文檔,例子是這樣的:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

在聲明主要語言之後,假如還需要使用其他語言,你還可以在內聯中使用xml:lang屬性(比如<span xml:lang="de">HTML Hund</span>)。

內容類型
HTML文檔的媒體類型和字體集也許要指定,可以使用HTTP頭來完成,比如:
Content-Type: text/html; charset=UTF-8

HTTP頭部的第一部分(如text/html)是文件MIME類型,讓浏覽器知道文件的媒體類型因此可以知道怎麼處理。所有的文件都有MIME類型。JPEG圖像是image/jpeg,CSS文件是text/csss和HTML一般使用text/html。

HTTP頭部的第二部分(如UTF-8部分)是字符集。

也許設置HTTP頭的最簡易方法是在HTML中使用“HTTP同義(HTTP-equivalent)”的頭標簽,像這樣:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
下面是常用的文檔聲明,其實dreamweaver默認就是這種聲明。

復制代碼代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
</head>
<body>
</body>
</html>

下面是腳本之家的補充內容。
css聲明與不聲明會導致頁面的控制不一樣。更不會符合w3c標准什麼的。所以建議大家都要加上。這樣才能讓多浏覽器兼容您的網站。
javascript的影響,會更大,導致以前寫的js代碼,不能正常的運行。尤其像對聯廣告之類的。其實一般情況注意下面這個問題,就好了
不聲明的時候 一般用 document.body.scrollTop;
聲明文檔類型的時候用document.documentElement.scrollTop;
下面是一些參考文檔
編寫跨浏覽器的javascript代碼必備[js多浏覽器兼容寫法]
javascript firefox兼容ie的dom方法腳本
這方便的東西太多了,大家可以多搜索一下吧。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved