国产一二区视频_国产一区二区免费_亚洲精选一区_久久精品1_午夜av免费在线观看_在线观看日韩欧美

訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

關(guān)于網(wǎng)頁里面的DOCTYPE見解

藍(lán)色理想 2008/3/16 22:03:36 深山行者 字體: 瀏覽 6643

css標(biāo)準(zhǔ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ù)模活愃频兀绻鹍octype聲明指定的是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"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2.嚴(yán)格的

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

3.框架的

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

使用嚴(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,否則效果會有差異。

相關(guān)閱讀
愛尚學(xué)生網(wǎng)
秀色攝影
在圖片未知尺寸情況下,利用CSS把圖片垂直居中于div中心(2)
隨心所欲的定制彈出窗口
一個(gè)簡單的用java寫的非常不錯(cuò)的貪食蛇游戲
利用position把div放在flash上
asp與數(shù)據(jù)庫sql的種種操作
Object.assign的一些用法
共有0條關(guān)于《關(guān)于網(wǎng)頁里面的DOCTYPE見解》的評論
發(fā)表評論
正在加載評論......
返回頂部發(fā)表評論
呢 稱:
表 情:
內(nèi) 容:
評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼: 驗(yàn)證碼 
網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負(fù)責(zé);
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇
百度小程序開發(fā)
微信小程序開發(fā)
微信公眾號開發(fā)
uni-app
asp函數(shù)庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
jquery設(shè)置或獲取修改classname
利用css3.0寫出一個(gè)音樂播放的唱片碟盤的效果
利用css中的scale()實(shí)現(xiàn)放大縮小效果
利用background-color:#000000a8在背景顏色16進(jìn)制代碼之后加字母加上數(shù)字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標(biāo)簽中
利用css3中的-webkit-font-smoothing把網(wǎng)頁文字的毛邊去掉
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動(dòng)端自動(dòng)化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現(xiàn):無法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機(jī)抽取信息
貴豪旅行社
靜態(tài)網(wǎng)站利用微信URL Scheme生成的ticket從瀏覽器h5跳到微信小程序完整代碼
window.location.href和setTimeout結(jié)合時(shí)間錯(cuò)誤
測試電腦硬件信息軟件
絕對超酷的JS顏色板
利用css3中的-webkit-font-smoothing把網(wǎng)頁文字的毛邊去掉
主站蜘蛛池模板: 日韩tv | 中文字幕日本一区 | 国产精品精品软件视频 | 五月天综合在线 | 亚洲图色av| 一区二区影院 | 99久久精品一区 | 亚洲一级黄色录像 | 亚洲一区在线免费观看 | 亚拍一区| 久久伊人中文字幕 | 欧美日韩无 | 综合黄色 | 亚洲天堂婷婷 | 新91视频在线观看 | 午夜视频在线观看一区 | 欧美 日本 国产 | 四虎永久 | 亚洲经典视频 | 国产9区 | 人人看人人做 | 亚洲片在线观看 | 日本二区在线观看 | 亚洲国产视频一区 | 成人在线观看小视频 | 伊人网伊人影院 | 日韩专区在线观看 | 欧美成综合 | 日韩小视频 | 日韩免费高清视频 | 中文字幕自拍偷拍 | 六月激情网 | 91视频99 | 奇米影视久久 | 午夜视频一区二区三区 | 免费中文字幕日韩欧美 | 国产真实乱在线更新 | av在线官网 | 国产精品久久影院 | 精品国产乱码久久久 | 国产精品zjzjzj在线观看 |