您現在的位置是:電腦技術吧?>? 編程技術 ??>??瀏覽器的兼容性,怎么設置瀏覽器兼容性??>??正文詳情

瀏覽器的兼容性,怎么設置瀏覽器兼容性

禹初蝶2019-11-05 05:11:12 人圍觀
簡介瀏覽器兼容模式主流瀏覽器對CSS3和HTML5的支持越來越完美,已經讓很多前端開發人員心碎的IE部門也開始接受這一標準就在幾天前,w3c的html5社區領袖shelley宣布瀏覽器的兼容模式在哪

各大主流瀏覽器對 CSS3 和 HTML5 的支持越來越完善,曾經讓多少前端開發人員心碎的IE系也開始擁抱標準。

就在前幾天,W3C的 HTML5 社區領袖 Shelley 宣布,HTML5的開發工作已經接近完成,如果進展順利,HTML5 將在 2012 年正式成為國際標準。

  當然,即使標準正式制定了,現代瀏覽器要普及到大部分用戶也是需要一個相當漫長的過程。

如果你現在就希望使用 CSS3 和 HTML5 創建你的站點,需要對各個瀏覽器對這兩種新技術的支持情況有一個全面了解。

本文是一份IE,Chrome,Firefox, Safari,Opera五大主流大瀏覽器,在 Mac 和 Windows 兩個平臺,對 CSS3 和 HTML5 各種特性支持情況的詳細清單。

CSS3 屬性  從表中可以看出,CSS Transforms 3D 還沒有瀏覽器支持,除此之外的其它屬性在Windows 平臺,Chrome 和 Safari 全部支持,其次支持比較好的是 Opera 和 Firefox,曾經一片紅叉的 IE 開始迎頭趕上。

在 Mac 平臺 Safari仍然表現優異,其次是 Firefox 和 Opera。

CSS3 選擇器  最讓人高興的就是這張表了,除了 IE 9 以下的版本,其它瀏覽器已全部支持 CSS3 選擇器,包括 IE 9 和 將在明年發布的 IE 10。

HTML5 Web 應用程序  從表中可以看出,除了客戶端數據庫 IndexDB 和 觸控(Touch)事件外,其它特性 Chrome 和 Safari 都全部支持,微軟還得加油啊。

(更新:經驗證 Chrome 10 和 Firefox 4 已支持 IndexDB,Firefox 4 也已支持 WebSocket,不過由于安全原因默認是不開啟的,我們可以通過 about:config 重新啟用 WebSocket,只需啟用 network.websocket.override-security-block 選項即可。

HTML5 圖形和內嵌內容  這應該是 HTML5 最令人期待的東西了,內置畫布,視頻,音頻,SVG,WebGL等對象。

全部支持的有 Chrome,Firefox,還有 IE 9,很驚訝吧。

HTML5 音頻編碼  Chrome 又是全部支持,Safari 除Ogg Vorbis 外全部支持,IE 9 開始支持 MP3 和 AAC。

HTML5 視頻編碼  還是 Chrome 最厲害,包容天下,不知道 H.264 能否成為統一的視頻編碼標準,期待。

HTML5 表單對象  這些瀏覽器中最淡定的要數 Opera 了,那么多年了市場份額都沒什么大變化。

在 Windows 和 Mac 平臺,Opera 對 HTML5 表單對象全部支持,IE 家族全軍覆沒。

HTML5 表單屬性  IE 又一次全軍覆沒,Opera 依然全部支持,其次是 Safari,Chrome,Firefox。

結論  目前,對 CSS3 和 HTML5 支持最好的是 Chrome,Safari 次之,Firefox 和 Opera 旗鼓相當,IE 9開始擁抱標準。

鑒于這種情況,假如你想使用這兩項新技術創建一個先鋒體驗式站點,現在的 CSS3 和 HTML5 可以讓你實現,假如你想大規模應用于實際項目,現在還為時過早。

版權聲明:本文由 禹初蝶 整理編輯。

原標題:瀏覽器兼容性問題匯總,ie瀏覽器兼容性設置

轉載注明出處:http://www.dn9ww09s.icu/program/11071.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • space鍵是哪個,space 鍵

    space鍵是哪個,space 鍵 相關圖片鍵盤space鍵在哪里當我們通常使用電腦時,沒有鍵盤是不行的但我們對鍵盤知之甚少?就像小編今天要說的“太空”鍵,你知道是什么嗎?不知道也沒關系。讓我們繼續往下看什么是空間...

  • input樣式,input默認樣式

    input樣式,input默認樣式 相關圖片如何修改input的樣式cssfile:input{behavior:url(bindbutton.htc);}htcfile:PUBLIC:COMPONENT lightWeight修改input樣式...

  • 投影儀無信號如何解決,投影儀顯示沒信號

    投影儀無信號如何解決,投影儀顯示沒信號 相關圖片投影儀一會有信號一會沒信號當蕭邊第一次接觸初中的投影儀時,它在學校里是一個非常獨特和新鮮的存在。我們通常在課堂上使用投影儀,但現在投影儀已經廣泛應用于各個方面。那...

  • 文檔的虛線框怎么去掉,虛線框怎么弄

    文檔的虛線框怎么去掉,虛線框怎么弄 相關圖片怎么把文本框的虛線怎么去掉當鏈接獲得焦點時,默認情況下會有一個虛線框如圖所示:-moz outline:none;或outline:none;可用于firefox中刪除它。所以我們可以這cad布局里面的虛線框怎么去...

  • 電腦網速慢怎么解決,新電腦網速慢怎么解決

    電腦網速慢怎么解決,新電腦網速慢怎么解決 相關圖片電腦網速變慢如何解決互聯網的速度很慢,尤其是當你在做嚴肅的事情的時候。那真的就像捶胸頓足。但如果我們真的遇到這種情況,我們必須解決它。所以今天小編就來告訴大家如何...

  • 超出自己能力的事情,超出我能力范圍的事情

    超出自己能力的事情,超出我能力范圍的事情 相關圖片不做超出自己能力的事情一。制作時尚的表單是網頁設計的重要組成部分常用的形式有登記表、聯系表和反饋表。表單設計要盡可能美觀,不影響用戶體驗和可用性,吸引用戶填寫內容...

  • 電腦磁盤空間不足怎么辦,電腦磁盤空間不足

    電腦磁盤空間不足怎么辦,電腦磁盤空間不足 相關圖片電腦磁盤怎么清理筆記本電腦是我們離不開的好工具,因為用戶經常需要在日常工作或生活中使用它但是,筆記本電腦的長期使用也會給我們帶來一些問題,比如硬盤空間不足。如何具...

  • jar文件打開,怎么打開jar文件

    jar文件打開,怎么打開jar文件 相關圖片jar文件打不開Jar文件是封裝后的信息包也就是說,壓縮文件jar文件格式提供了許多優點和功能,其中許多不是由傳統的壓縮格式(如zip或rar)提供的。如何打開jar文件?現在后綴jar文件...

  • 書寫順序,文字寫法

    書寫順序,文字寫法 相關圖片文字筆順視頻1. Bit attributes (display, float, position, top, right, Z-index, visibility, cl漢字書寫筆順規則 口訣...

  • 不斷重啟進不了系統,電腦裝不了系統

    不斷重啟進不了系統,電腦裝不了系統 相關圖片電腦開機不斷重啟計算機的快速發展極大地豐富了我們的生活,而計算機并非十全十美。也會有失敗。當一個小伙伴打開計算機時,他發現他的計算機已經重新啟動,根本無法進入系統...

熱評文章

  • phoenixbios,phoenix怎么進入bios

    phoenixbios,phoenix怎么進入bios 相關圖片phoenix主板重新安裝系統時需要設置引導順序,使用Phoenix BIOS主板訪問CMOS的方法通常是在打開系統時按F2鍵。雖然現在有中文界面的bios設置,但還不流行。當我phoenix老主板u盤啟動...

  • win2003系統,win10系統

    win2003系統,win10系統 相關圖片win8系統你選擇來小編為了獎勵你,小編想挖出我的倉庫,看看還能給你什么我終于找到了一個好人!那是鄧鄧鄧,win2003系統的下載地址!你高興嗎?搬家了?如果你高興和感動,裝系統...

  • cpu性能差異,差異量數中性能最好的

    cpu性能差異,差異量數中性能最好的 相關圖片i7八代和九代性能差異首先,為什么要測試CSS的性能這就是背景:我是oocss的忠實粉絲。但最近,我一直在使用指南針和sass有時候我覺得蘋果7和蘋果8性能差異...

  • 蘋果連接電腦沒反應,蘋果數據線連接電腦沒反應

    蘋果連接電腦沒反應,蘋果數據線連接電腦沒反應 相關圖片蘋果手機與電腦連接隨著人們生活水平的提高,智能設備在我們的生活中越來越流行。當手機連接到電腦時,有時可能會遇到無法連接電腦的問題,那我該怎么辦呢現在,小編為大家介...

  • 查看網頁元素,網頁上的查看元素

    查看網頁元素,網頁上的查看元素 相關圖片網頁的三種基本元素在firefox瀏覽器中,可以使用firebug實時查看網頁中每個元素的信息,包括元素的大小、css樣式等,如下圖所示,我選擇了小圖片ps,并在firebug中手機瀏覽器查看元素...

  • pkg文件用什么打開,pkg文件用什么應用打開

    pkg文件用什么打開,pkg文件用什么應用打開 相關圖片pkg文件手機如何打開PKG文件也稱為安裝包配置文件,它是制作Symbian OS安裝程序的核心部分它包含制作安裝文件所需的所有信息SIS文件生成器根據該文件的內容,制作安裝程序生成pkg文件...

  • instagram保存圖片,instagram照片如何保存

    instagram保存圖片,instagram照片如何保存 相關圖片安卓ins怎么保存圖片其實,小編也玩過Instagram。當時,小編下載了它來了解更多的偶像。剛開始想保存照片的時候,我不知道該怎么保存,但后來發現手術并不難。所以今天,我要告訴...

  • css3線性漸變,css3線性漸變的參數

    css3線性漸變,css3線性漸變的參數 相關圖片html5css3漸變cs3線性漸變和徑向漸變示例的圖形代碼如下:html head metadata=utf-8/title css intercept string/title css3 中間漸變...

  • 藍屏代碼0x0000000a,藍屏代碼0x000000c2

    藍屏代碼0x0000000a,藍屏代碼0x000000c2 相關圖片藍屏代碼0x000007bf藍屏是微軟windows系列操作系統為保護計算機的數據文件在系統錯誤無法恢復時不受損壞而強制顯示的屏幕圖像。藍屏對我們正常使用電腦有很大的影響現在,讓我們共享...

  • utf和gbk的區別,utf8與gbk編碼區別

    utf和gbk的區別,utf8與gbk編碼區別 相關圖片gbk轉utf8工具GB 2312或GB 2312-80是中國簡體中文字符集國家標準,全稱為GB0,是中國國家標準化管理局發布并于1981年5月1日實施的信息交換用漢字編碼字符集的gb2312和utf8的區別...

關注微信

变脸官网查询