HTML5培訓(xùn)課程參加學(xué)習(xí)過的，大家應(yīng)該都很熟悉了，今天我們來討論一下關(guān)于瀏覽器的兼容問題。

　　1.為什么會出現(xiàn)瀏覽器兼容問題?

　　由于各大主流瀏覽器由不同的廠家開發(fā)，所用的核心架構(gòu)和代碼也很難重和，這就為各種莫名其妙的Bug(代碼錯誤)提供了溫床。再加上各大廠商出于自身利益考慮而設(shè)置的種種技術(shù)壁壘，讓CSS應(yīng)用起來比想象得要麻煩。瀏覽器的兼容問題是我們必須去克服的。

　　2.關(guān)于瀏覽器

　　1)主流瀏覽器

　　Internet Explorer、 Safari、Mozilla Firefox、 Google Chrome、Opera、百度、360、搜狗、傲游

　　2)最早的瀏覽器 : Mosaic / Netscape Navigator(網(wǎng)景領(lǐng)航者)(1994-2008)簡稱NN

　　3)瀏覽器大戰(zhàn)

　　第一次瀏覽器大戰(zhàn)發(fā)生在上個世紀90年代，微軟發(fā)布了它的IE瀏覽器，和網(wǎng)景公司的Netscape Navigator大打出手。

　　第二次瀏覽器大戰(zhàn)發(fā)生在20世紀。

　　4)瀏覽器內(nèi)核及代表作品

　　瀏覽器最關(guān)鍵的部分就是它的渲染引擎(Rendering Engine)，也就是大家平常所說的的“內(nèi)核”。

　　3、主流瀏覽器市場份額

　　2013年2月份全球主流瀏覽器市場份額排行榜

　　2014年11月份全球主流瀏覽器市場份額排行榜

　　2015年5月份全球主流瀏覽器市場份額排行榜

　　2016年12----2017年2月

　　(1)五大瀏覽器內(nèi)核

　　?Trident (MSHTML)(三叉戟;三叉線;三齒魚叉)

　　?Gecko(壁虎)

　　?Presto (迅速的)

　　?Webkit(Safari內(nèi)核,Chrome內(nèi)核原型,它是蘋果公司自己的內(nèi)核，也是蘋果的Safari瀏覽器使用的內(nèi)核)

　　?Blink (由Google和Opera Software開發(fā)的瀏覽器排版引擎)

　　(2)五大瀏覽器內(nèi)核代表作品

　　*Trident:IE、Maxthon(遨游)、騰訊 、Theworld世界之窗、360瀏覽器

　　代表作品IE,因為IE捆綁在Windows中，所以占有極高的市場份額，又稱IE內(nèi)核或是MSHTML，此內(nèi)核只能應(yīng)用于windows平臺，且是不開源的。

　　*Gecko：代表作品Mozilla Firefox 是開源的,它的最大優(yōu)勢是跨平臺，能在Microsoft Windows、Linux和MacOS X等主要操作系統(tǒng)上運行。

　　*Webkit :代表作品Safari、Chrome ， 是一個開源項目。

　　*Presto :代表作品Opera ，Presto是由Opera Software開發(fā)的瀏覽器排版引擎。它也是世界上公認的渲染速度最快的引擎。

　　*Blink ：由Google和Opera Software開發(fā)的瀏覽器排版引擎，2013年4月發(fā)布。

SS3與HTML5的推出，也讓各種瀏覽器的兼容性成了許多設(shè)計師關(guān)心的問題，本文以表格形式排列了目前主流瀏覽器對于CSS3與HTML5支持情況。

下面是目前主流瀏覽器對于HTML5與CSS3的支持情況的相關(guān)內(nèi)容，文章教程主要講述與主流瀏覽器 HTML5 CSS3 相關(guān)的一些技術(shù)與知識,下面是講解：

CSS3與HTML5的推出，也讓各種瀏覽器的兼容性成了許多設(shè)計師關(guān)心的問題，本文以表格形式排列了目前主流瀏覽器對于CSS3與HTML5支持情況。

支持 CSS3 和 HTML5 的瀏覽器越來越多，甚至包括最新版的 IE，當(dāng)然，所謂支持僅僅是部分支持，因為 CSS3 和 HTML5 的W3C 規(guī)范都尚未形成。如果你現(xiàn)在就希望使用 CSS3 和 HTML5 創(chuàng)建你的站點，至少要對各個瀏覽器對這兩種新技術(shù)的支持情況有一個全面了解。

需要指出的是，即使同一個瀏覽器的同一個版本，在 Mac 和 Windows 兩個平臺，它們對 CSS3 和 HTML5 的支持也并不一致。本文是一份 Chrome， Safari， Firefox， Opera， IE 5 大瀏覽器，在 Mac 和 Windows 兩個平臺，對 CSS3 和 HTML5 各種功能的詳細支持情況清單。

CSS3 屬性

可以看出，全盤支持 CSS3 屬性的瀏覽器有 Chrome 和 Safari，而且不管是 Mac 平臺還是 Windows 平臺全支持。

CSS3 選擇器

除了 IE 家族和 Firefox 3，其它幾乎全部支持。Chrome，Safari，F(xiàn)irefox 3.6，Opera 10.5 成績最好 。

HTML5 Web 應(yīng)用

Safari 對 HTML5 Web 應(yīng)用的支持最好，除了地理定位功能，其它都支持。

HTML5 網(wǎng)頁內(nèi)嵌對象

這應(yīng)該是 HTML5 最令人期待的東西，內(nèi)置的畫布，視頻，音頻等對象。全部支持的有 Chrome，Safari，F(xiàn)irefox 3.6，Opera 10.5。IE家族則全軍覆沒。

HTML5 音頻編碼

Opera 10.5 支持的最全面，IE 家族又是顆粒無收。

HTML5 視頻編碼

H.264 任重道遠。

HTML5 各種表單對象

Mac 平臺下的 Chrome 成績最佳。這些表單對象讓人想起了桌面程序。

HTML5 表單對象屬性與行為

又一次想到了桌面程序。

結(jié)論

目前，對 CSS3 和 HTML5 支持最好的是 Safari，Chrome 次之，F(xiàn)irefox 3.6 和 Opera 10.5 旗鼓相當(dāng)，IE家族最差。鑒于這種情況，假如你想使用這兩項新技術(shù)創(chuàng)建一個先鋒體驗式站點，現(xiàn)在的 CSS3 和 HTML5 可以讓你實現(xiàn)，假如你希望這個站點能被絕大多數(shù)人正常訪問，現(xiàn)在還為時過早，折中的方案是，為不支持 CSS3 和 HTML5 某些功能的瀏覽器提供降級方案，當(dāng)然，其中要涉及到很多問題，包括瀏覽器，版本，平臺的探測，CSS Hack 等等大量工作，相信是得不償失的。