99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

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

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

藍色理想 2008/3/16 22:03:36 深山行者 字體: 瀏覽 6621

css標準里面的DOCTYPE不可怕,但把它拿走,會讓你怕了又怕。

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

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

一、什么是DOCTYPE

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

二、DOCTYPE的規(guī)則

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

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

語法:

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

可能值:

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

為了獲得正確的DOCTYPE聲明,關鍵就是讓dtd與文檔所遵循的標準對應。例如,假定文檔遵循的是xhtml 1.0 strict標準,文檔的doctype聲明就應該引用相應的dtd。另一方面,如果doctype聲明指定的是xhtml dtd,但文檔包含的是舊式風格的html標記,就是不恰當?shù)模活愃频兀绻鹍octype聲明指定的是html dtd,但文檔包含的是xhtml 1.0 strict標記,同樣是不恰當?shù)摹?/P>

三、選擇什么樣的DOCTYPE

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

1.過渡的

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

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

2.嚴格的

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

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

3.框架的

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

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

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

四、需要注意的問題

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

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

相關閱讀
留言板留言板V7.21
javascript實現(xiàn)圖片預覽功能
百度蜘蛛飼養(yǎng)技巧
python退出while循環(huán)break、return、continue
在DIV+CSS里面IE5.5的專用標簽
uni-app三目運算class和style
非常不錯的DIV+CSS做得菜單,跟JS效果一樣,特別酷
ASP與ACCESS數(shù)據(jù)庫鏈接代碼
共有0條關于《關于網(wǎng)頁里面的DOCTYPE見解》的評論
發(fā)表評論
正在加載評論......
返回頂部發(fā)表評論
呢 稱:
表 情:
內(nèi) 容:
評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關政策法規(guī)。
驗證碼: 驗證碼 
網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關政策法規(guī)。

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

更多信息>>欄目類別選擇
百度小程序開發(fā)
微信小程序開發(fā)
微信公眾號開發(fā)
uni-app
asp函數(shù)庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
jquery設置或獲取修改classname
利用css3.0寫出一個音樂播放的唱片碟盤的效果
利用css中的scale()實現(xiàn)放大縮小效果
利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數(shù)字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標簽中
利用css3中的-webkit-font-smoothing把網(wǎng)頁文字的毛邊去掉
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現(xiàn):無法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
radio組選擇詳細
javascript表格內(nèi)移動上下列,可以做成ajax加上動態(tài)程序做成上下移動順序
旅行社線路主題默認模板5
shopify廣告與Facebook廣告操作
這個可以做為論壇,也可以做留言板
深山行者留言系統(tǒng)V2.2 .1 更新下載
99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区
  • <li id="6qmi0"></li>
  • <li id="6qmi0"><source id="6qmi0"></source></li>
    99国产精品久久久久老师| 久久一区免费| 极品少妇一区二区三区| 日韩欧美亚洲精品| 精品乱子伦一区二区三区| 国产精品一区二区欧美| 欧美日韩高清在线一区| 欧美最大成人综合网| 91嫩草国产在线观看| 亚洲在线日韩| 亚洲一区二区三区涩| 精品不卡视频| 国产精品国色综合久久| 亚洲国产精品123| 欧美综合激情| 日本一区二区精品视频| 精品在线不卡| 欧美裸体网站| 日本不卡一区二区三区视频| 久久视频在线观看中文字幕| 精品视频在线观看| 免费国产一区二区| 免费在线观看91| 日韩aⅴ视频一区二区三区| 久久riav二区三区| 久久狠狠久久综合桃花| 热舞福利精品大尺度视频| 日韩精品久久久免费观看| 日韩高清专区| 欧美精品一区二区视频| 亚洲国产专区校园欧美| 国产色综合网| 97在线资源站| 精品国产乱码久久久久久蜜柚| 97影院在线午夜| 欧美激情专区| 欧美在线视频二区| 国产日韩免费| 国产精品日韩高清| 日韩性感在线| 欧美先锋影音| 麻豆久久精品| 欧美日韩天天操| 欧美 日韩 国产一区二区在线视频| 欧美日韩成人| 久久亚洲一区| 日韩国产美国| 最新国产乱人伦偷精品免费网站| 午夜在线精品偷拍| 欧美性xxxx69| 在线观看成人一级片| 亚洲综合社区| 日产国产精品精品a∨| 国产综合亚洲精品一区二| 久久婷婷激情| 亚洲午夜激情| 欧美亚洲免费高清在线观看| 蜜桃欧美视频| 激情av一区| 韩日在线一区| 日韩欧美亚洲精品| 欧美福利一区二区三区| 日本公妇乱淫免费视频一区三区| 久久久久se| 日韩区国产区| 欧美激情一区二区三区在线视频| 日本一区二区不卡高清更新| 久久国产精品久久精品国产| 中文字幕一区二区三区乱码| 久久精品综合| 亚洲欧美在线网| 午夜亚洲性色视频| 婷婷四月色综合| 99国产高清| 亚洲激情一区| 水蜜桃亚洲精品| 蜜桃av综合| 欧美日本一区| 免费在线观看一区二区| 亚洲综合精品四区| 在线丝袜欧美日韩制服| 国产二区不卡| 99这里有精品| 一区二区国产日产| 精品国产免费久久久久久尖叫| 亚洲激情社区| 中文字幕久久综合| 久久偷窥视频| 久久夜色精品| 一本色道精品久久一区二区三区| 日韩动漫在线观看| 国产乱码精品一区二区三区日韩精品| 激情综合自拍| 欧美激情第8页| 麻豆传媒一区| 国产三区二区一区久久| 亚洲一区二区三区午夜| 精品91免费| 欧美激情五月| 亚洲午夜精品久久| 日韩电影天堂视频一区二区| 九九九九久久久久| 国产福利久久| 国产成人精品自拍| 99久久精品久久久久久ai换脸| 国产欧美三级| 中文精品视频| 国产欧美亚洲日本| 一二三区精品| 国产欧美一区二区三区另类精品| 欧美三级视频| 激情一区二区三区| 亚洲欧洲日本mm| 国产精品hd| 亚洲视屏一区| 夜夜爽99久久国产综合精品女不卡| 一区二区亚洲| 中文在线一区| 免费永久网站黄欧美| 麻豆9191精品国产| 97超碰资源| 国产精品区一区二区三在线播放| www 成人av com| 国产一区二区在线网站| 久久草.com| 亚洲成人a**址| 欧美日韩在线高清| 亚洲国产精品第一区二区三区| 91久久久一线二线三线品牌| 一区二区不卡在线视频 午夜欧美不卡'| 欧美日韩国产综合在线| 91久久精品国产91久久性色tv | 一本久久知道综合久久| 激情欧美亚洲| 麻豆av一区二区三区| 天堂资源在线亚洲资源| 欧美黄在线观看| 一区二区三区精品国产| 91久久爱成人| 欧美裸体网站| 国产精品videosex极品| 国产精品区免费视频| 成人资源视频网站免费| 欧美连裤袜在线视频| 欧美欧美全黄| 久久国产精品一区二区三区四区 | 久久精品首页| 美女被啪啪一区二区| 在线视频福利一区| 亚洲欧美国产精品桃花| 久久综合九九| 狠狠爱www人成狠狠爱综合网| 蜜桃久久av| 亚洲激情图片| 亚洲免费在线精品一区| 久久久综合亚洲91久久98| 欧美日韩在线精品一区二区三区| 久久国产精品久久精品国产| 日韩啊v在线| 亚洲专区在线| 天堂精品一区二区三区| 欧美一级一区| 亚洲午夜在线观看| 久久综合狠狠综合久久综青草| 四虎影院一区二区三区| 亚洲欧美久久| 在线视频欧美一区| 国产高清在线一区| 亚洲天堂男人| 欧美国产综合视频| 99综合视频| 亚洲人久久久| 国产成人女人毛片视频在线| 国产精品v一区二区三区| 精品久久久久久一区二区里番| 日韩视频一区| 亚洲不卡一卡2卡三卡4卡5卡精品| 亚洲一区二区精品在线| 在线天堂一区av电影| 国产亚洲二区| 美女精品网站| 狠狠色综合色区| 日韩精品久久久免费观看| 97免费资源站| 亚洲人体大胆视频| 一区二区日本| 久久久水蜜桃| 99高清视频有精品视频| 99亚洲伊人久久精品影院红桃| 亚洲v国产v在线观看| 精品国产乱码久久久久久郑州公司| 9国产精品视频| 欧美三级免费| 亚洲三区在线| 欧美一区二区在线| 国产精品二区在线观看| 噜噜噜噜噜久久久久久91| 日韩午夜一区| 亚洲免费黄色| 亚洲黄色一区二区三区|