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

您的位置: 首頁 > 技術文檔 > 網(wǎng)頁制作 > 用doctype激活瀏覽器模式
全方位清理浮動 回到列表 微軟Expression Web 3新功能揭秘
 用doctype激活瀏覽器模式

作者:秦歌 時間: 2009-06-15 文檔類型:翻譯 來自:隨網(wǎng)之舞

第 1 頁 用doctype激活瀏覽器模式 [1]
第 2 頁 用doctype激活瀏覽器模式 [2]
第 3 頁 用doctype激活瀏覽器模式 [3]
第 4 頁 用doctype激活瀏覽器模式 [4]
第 5 頁 用doctype激活瀏覽器模式 [5]

選擇doctype

text/html

下面是創(chuàng)建新的text/html文檔時如何選擇doctype的簡單指南:

標準模式,最前沿的驗證
<!DOCTYPE html>
如果想驗證諸如<video><canvas>和ARIA這樣的新特性,那么這樣做是對的。注意,HTML5的有效定義依舊在變化中,請確保在Firefox、Safari、Chrome、Opera9或Opera10中測試圖像對齊。在Internet Explorer中測試圖像對齊是不足夠的,無論如何請確保在IE8中也進行了測試。
標準模式,更穩(wěn)定的驗證目標
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
這個doctype也會觸發(fā)標準模式,且10歲大的HTML4.01有效定義是穩(wěn)定的。請確保在Firefox、Safari、Chrome、 Opera9或Opera10中測試圖像對齊。在Internet Explorer中測試圖像對齊是不足夠的,無論如何請確保在IE8中也進行了測試。
要使用標準模式,但仍要驗證不推薦標記或在表格布局中使用切片圖像且不想去修復它們。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
它會觸發(fā)幾乎標準模式(和老掉牙的Mozilla中的完全標準模式full Standards mode)。請注意,如果以后移植到HTML5上,基于利用表格實現(xiàn)的切片圖像的布局可能會被破壞(且完整標準模式也如此)。
故意要使用怪癖模式
沒有doctype。
請別這樣做。故意為怪癖模式所做的設計將會困擾你,在將來你的同事或繼任者甚至沒有人關心Windows IE6(Netscape4.x和IE5已經(jīng)沒有人關心了)。為怪癖模式設計是個壞主意。相信我。
如果你想依舊支持Windows IE6,對它做一個特別的hack使用條件注釋比使其他瀏覽器退步到怪癖模式好。

我不推薦任何的XHTML doctype,因為XHTML被用作text/html被認為是有害的。無論如何,如果你選擇使用XHTML doctype,請注意XML聲明會使IE6(但不是IE7!)觸發(fā)怪癖模式。

application/xhtml+xml

對application/xhtml+xml的簡單指南是絕不使用doctype。該方式下的網(wǎng)頁不是“嚴格一致”的XHMTL1.0,但這并不重要。(請看后面的附錄

IE8 并發(fā)癥

A List Apart 曾介紹 ,IE8除doctype外會使用基于meta元素的模式轉換作為模式選擇的因素之一。(請看Ian Hickson、David Baron、David Baron againRobert O’CallahanMaciej Stachowiak的評論。)

IE8有4種模式:IE5.5怪癖模式、IE7標準模式、IE8 幾乎標準模式 和IE8標準模式。模式的選擇取決于來自幾個方面的數(shù)據(jù):doctype、meta元素、HTTP頭、來自微軟的定期下載數(shù)據(jù)、局域網(wǎng)域、用戶所做設置、局域網(wǎng)管理員所做設置、父框架的模式(如果有)和地址欄兼容視圖按鈕被用戶觸發(fā)。(對于嵌入該引擎的其他應用,模式也取決于嵌入的應用。)

幸運的是如果出現(xiàn)下列情況,IE8大體上會像其他瀏覽器一樣使用doctype嗅探:

  • 作者沒有設置X-UA-Compatible HTTP頭
  • 作者沒有設置X-UA-Compatible meta標簽
  • 微軟沒有在黑名單中放置該站點的域名
  • 局域網(wǎng)管理員沒有把該站點放置到黑名單
  • 用戶沒有按下兼容視圖按鈕(Compatibility View button) (或以其他方式添加到某個特定的用戶黑名單中)
  • 該站點不在局域網(wǎng)域中
  • 用戶沒有選擇在IE7中顯示所有站點
  • 頁面沒有通過frame嵌入到兼容模式的頁面中

上述除兩個關于X-UA-Compatible的情況外,IE8像IE7一樣執(zhí)行doctype嗅探。IE7仿真( IE7 emulation)叫兼容視圖。

在 X-UA-Compatible 情況下,IE8的行為和其他瀏覽器完全不同。想看本頁的附錄PDFPNG格式的流程圖。

不幸的是,沒有 X-UA-Compatible的HTTP頭或meta標簽,即使使用了合適的doctype,IE8讓用戶無意間使頁面從IE8的標準模式降到IE7模式,這是一種仿真的IE7標準模式。更糟糕的是,局域網(wǎng)管理員也可以這么做。微軟也可以把你所用的所有域名到列入黑名單。

為了對付這些影響,doctype是不夠的,你需要X-UA-Compatible HTTP頭和meta標簽。

下面的簡單指南是針對已經(jīng)有doctype在其他瀏覽器觸發(fā)標準模式或者幾乎標準模式的新的text/html文檔如何選擇X-UA-Compatible HTTP頭或meta標簽的:

你的域名沒有在微軟的黑名單上,你更關注是沒有瀏覽器專屬的令人討厭的東西而不是確保用戶無法回退去呈現(xiàn)IE7的行為。
你不需要包括X-UA-Compatible HTTP頭或meta標簽。
你的域名在微軟的黑名單中,由于你域名中的其他作者破壞了站點或許導致用戶對整個域啟用了兼容視圖,你擔心Google或Digg用frame嵌入你的站點或你想確保用戶無法使用兼容視圖
首先,在你的頁面包含后面的meta元素(它在HTML5中是非法的) <meta http-equiv="X-UA-Compatible" content="IE=Edge"> (在任何腳本元素前),或者設置后面的HTTP頭:X-UA-Compatible: IE=Edge
你的站點在IE7中工作但在IE8中破壞
首先,在你的頁面包含后面的meta元素(它在HTML5中是非法的) (在任何腳本元素前),或者設置后面的HTTP頭: X-UA-Compatible: IE=EmulateIE7,然后修復你的站點不依賴非標準的IE7行為和遷移到IE=Edge。

出處:隨網(wǎng)之舞
責任編輯:bluehearts

上一頁 用doctype激活瀏覽器模式 [2] 下一頁 用doctype激活瀏覽器模式 [4]

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

相關文章
Doctype之謎
IE8"開發(fā)人員工具"使用詳解 下
關于DOCTYPE
網(wǎng)站設計的標準時代
作者文章 更多作者文章
IE中選擇符的4095限制
Data URI 和 MHTML
在HTML中獲取正確的URL屬性值
border-radius與圓角
連續(xù)字符自動換行的解決方案
關鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設計比賽 網(wǎng)頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設計大賽開啟
國際體驗設計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機制之一:普通流
25個最佳最閃亮的Eclipse開發(fā)項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:3/51個記錄/頁 轉到 頁 共5個記錄

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

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

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

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

雜⑦雜⑧ Gold NORMANA V2