中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術(shù)文檔 > 網(wǎng)頁制作 > 關(guān)于DOCTYPE
CSS框架的利與弊 回到列表 Javascript的一種模塊模式
 關(guān)于DOCTYPE

作者:javapigpig 時(shí)間: 2007-12-06 文檔類型:原創(chuàng) 來自:藍(lán)色理想

DOCTYPE不可怕,但把它拿走,會讓你怕了又怕。

最近在藍(lán)色理想轉(zhuǎn)悠,發(fā)現(xiàn)很多朋友提出有關(guān)DIV+CSS排版問題,以及IE與FF的兼容問題。怎么問的都有,結(jié)果就是一個(gè)——顯示很奇怪,很難調(diào)整。我們?yōu)g覽的大多數(shù)網(wǎng)站,或者用Dreamweaver創(chuàng)建一個(gè)新的網(wǎng)頁文檔時(shí),源碼的頂部都會有DocType聲明,但是很多人沒有注意它,甚至在創(chuàng)作時(shí)候直接將它刪掉,其實(shí)這往往就是噩夢的開始。在遵循標(biāo)準(zhǔn)的任何Web文檔中,DOCTYPE都是一項(xiàng)必需的元素。它會影響代碼驗(yàn)證,并決定了瀏覽器最終如何顯示你的web文檔。為了避免DOCTYPE的問題重復(fù)出現(xiàn),我根據(jù)手頭的資料整理了這篇文檔,以備自己及有興趣的朋友參考。

在默認(rèn)情況下,F(xiàn)F和IE的解釋標(biāo)準(zhǔn)是不一樣的,也就是說,如果一個(gè)網(wǎng)頁沒有聲明DOCTYPE,它就會以默認(rèn)的DOCTYPE解釋下面的HTML。在同一種標(biāo)準(zhǔn)下,不同瀏覽器的解釋模型都有所差異,如果聲明標(biāo)準(zhǔn)不同,不用我說,您自己想就可以了。學(xué)習(xí)網(wǎng)頁標(biāo)準(zhǔn),瀏覽器兼容,從哪里開始您自己決定,但是,請認(rèn)識DOCTYPE:

一、什么是DOCTYPE

DOCTYPE是Document Type(文檔類型)的簡寫,在頁面中,用來指定頁面所使用的XHTML(或者HTML)的版本。要想制作符合標(biāo)準(zhǔn)的頁面,一個(gè)必不可少的關(guān)鍵組成部分就是DOCTYPE聲明。只有確定了一個(gè)正確的DOCTYPE,XHTML里的標(biāo)識和CSS才能正常生效。

二、DOCTYPE的規(guī)則

DOCTYPE聲明的寫法遵循一定的規(guī)則,它指出閱讀程序應(yīng)該用什么規(guī)則集來解釋文檔中的標(biāo)記。在Web文檔的情況下,“閱讀程序”通常是瀏覽器或者校驗(yàn)器這樣的一個(gè)程序,“規(guī)則”則是w3c所發(fā)布的一個(gè)文檔類型定義(dtd)中包含的規(guī)則。
每個(gè)dtd都包括標(biāo)記、attributes、properties等內(nèi)容,它們用于標(biāo)記web文檔的內(nèi)容;此外還包括一些規(guī)則,它們規(guī)定了哪些標(biāo)記能出現(xiàn)在其他哪些標(biāo)記中。每個(gè)web建議標(biāo)準(zhǔn)(比如html 4 frameset和xhtml 1.0 transitional)都有自己的dtd。

以下是從手冊上摘抄的規(guī)則:

語法:

HTML  頂級元素  可用性 "注冊//組織//類型 標(biāo)簽//定義  語言""URL"

可能值:

- 頂級元素:指定 DTD 中聲明的頂級元素類型。這與聲明的 SGML 文檔類型相對應(yīng)。 HTML 默認(rèn)。HTML。
- 可用性:指定正式公開標(biāo)識符(FPI)是可公開訪問的對象還是系統(tǒng)資源。 PUBLIC 默認(rèn)?晒_訪問的對象。SYSTEM 系統(tǒng)資源,如本地文件或 URL。
- 注冊:指定組織是否由國際標(biāo)準(zhǔn)化組織(ISO)注冊。 + 默認(rèn)。組織名稱已注冊。
- 組織名稱未注冊。Internet 工程任務(wù)組(IETF)和萬維網(wǎng)協(xié)會(W3C)并非注冊的 ISO 組織。
組織:指定表明負(fù)責(zé)由 !DOCTYPE 聲明引用的 DTD 的創(chuàng)建和維護(hù)的團(tuán)體或組織的名稱,即 OwnderID。 IETF IETF。 W3C W3C。
- 類型:指定公開文本類,即所引用的對象類型。 DTD 默認(rèn)。DTD。
- 標(biāo)簽:指定公開文本描述,即對所引用的公開文本的唯一描述性名稱。后面可附帶版本號。 HTML 默認(rèn)。HTML。
- 定義:指定文檔類型定義。
  Frameset 框架集文檔。
  Strict 排除所有 W3C 專家希望逐步淘汰的代表性屬性和元素,因?yàn)闃邮奖硪呀?jīng)很完善了。
  Transitional 包含除 frameSet 元素的全部內(nèi)容。
- 語言:指定公開文本語言,即用于創(chuàng)建所引用對象的自然語言編碼系統(tǒng)。該語言定義已編寫為 ISO 639  語言代碼(大寫兩個(gè)字母)。 EN 默認(rèn)。英語。
- URL:指定所引用對象的位置

為了獲得正確的DOCTYPE聲明,關(guān)鍵就是讓dtd與文檔所遵循的標(biāo)準(zhǔn)對應(yīng)。例如,假定文檔遵循的是xhtml 1.0 strict標(biāo)準(zhǔn),文檔的doctype聲明就應(yīng)該引用相應(yīng)的dtd。另一方面,如果doctype聲明指定的是xhtml dtd,但文檔包含的是舊式風(fēng)格的html標(biāo)記,就是不恰當(dāng)?shù);類似地,如果doctype聲明指定的是html dtd,但文檔包含的是xhtml 1.0 strict標(biāo)記,同樣是不恰當(dāng)?shù)摹?/p>

三、選擇什么樣的DOCTYPE

如上例所示,XHTML 1.0中有3種DTD(文檔類型定義)聲明可以選擇:過渡的(Transitional)、嚴(yán)格的(Strict)和框架的(Frameset)。這里分別介紹如下。

1.過渡的

一種要求不很嚴(yán)格的DTD,允許在頁面中使用HTML4.01的標(biāo)識(符合xhtml語法標(biāo)準(zhǔn))。過渡的DTD的寫法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"

2.嚴(yán)格的

一種要求嚴(yán)格的DTD,不允許使用任何表現(xiàn)層的標(biāo)識和屬性,例如<br/>等。嚴(yán)格的DTD的寫法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"

3.框架的

一種專門針對框架頁面所使用的DTD,當(dāng)頁面中含有框架元素時(shí),就要采用這種DTD。框架的DTD的寫法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"

使用嚴(yán)格的DTD來制作頁面,當(dāng)然是最理想的方式。但是,對于沒有深入了解Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)者,比較合適的是使用過渡的DTD。因?yàn)檫@種DTD還允許使用表現(xiàn)層的標(biāo)識、元素和屬性,比較適合大多數(shù)網(wǎng)頁制作人員。

四、需要注意的問題

沒什么特別的,就是一定要將DOCTYPE聲明放在XHTML文檔的頂部,上面哪怕多個(gè)HTML注釋標(biāo)記都不行。

最好示例代碼也加上DOCTYPE,否則效果會有差異。

經(jīng)典論壇討論
http://bbs.blueidea.com/thread-2792311-1-1.html

本文鏈接:http://www.95time.cn/tech/web/2007/5172.asp 

出處:藍(lán)色理想
責(zé)任編輯:moby

◎進(jìn)入論壇網(wǎng)頁制作WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評論。

相關(guān)文章 更多相關(guān)鏈接
Unobtrusive的Web開發(fā)
網(wǎng)頁的柵格設(shè)計(jì)思考
設(shè)計(jì)中的層次感
文字的減法
像聰明女孩穿衣服般設(shè)計(jì)網(wǎng)頁文字
作者文章
[xml] xml ,xsl,css 之亂搞
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計(jì)比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大!熬•自然”設(shè)計(jì)大賽開啟
國際體驗(yàn)設(shè)計(jì)大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計(jì)算如何讓安全問題可控
云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個(gè)可愛的鉛筆圖標(biāo)
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機(jī)制之一:普通流
25個(gè)最佳最閃亮的Eclipse開發(fā)項(xiàng)目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計(jì)作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報(bào)告錯誤,以利文檔及時(shí)修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報(bào)告管理員,以利管理員及時(shí)刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項(xiàng)有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報(bào)告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計(jì)之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計(jì)》
犀利開發(fā)—jQuery內(nèi)核詳解與實(shí)踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2