IE如何兼容html5

tml5新增加了一些語(yǔ)義標(biāo)簽，比如nav，head，article，aside，foot，audio，video等等，但是這些標(biāo)簽在ie8以下是不兼容的，正所謂用戶就是上帝，為了滿足廣大還使用ie8以下版本的用戶，就要做兼容處理。

方法1.動(dòng)態(tài)創(chuàng)建標(biāo)簽，以nav為例：

這樣創(chuàng)建的標(biāo)簽是行內(nèi)元素，如果要使元素變?yōu)閴K級(jí)元素，就要修改display屬性。

方法2.引用js插件

html5shiv插件對(duì)ie瀏覽器做了很好的兼容，能夠兼容絕大部分場(chǎng)景使用。

但是引用完插件，我又在想，我只是想在使用低版本ie的時(shí)候引用插件，使用高版本ie或者chrome瀏覽器并不想引用，那該怎么辦呢?

在編輯器中使用cc:ie8,然后按一下tab鍵，這樣就能在ie8及以下版本才會(huì)調(diào)用插件了。

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

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

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

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

　　1)主流瀏覽器

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

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

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

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

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

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

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

　　3、主流瀏覽器市場(chǎng)份額

　　2013年2月份全球主流瀏覽器市場(chǎng)份額排行榜

　　2014年11月份全球主流瀏覽器市場(chǎng)份額排行榜

　　2015年5月份全球主流瀏覽器市場(chǎng)份額排行榜

　　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,因?yàn)镮E捆綁在Windows中，所以占有極高的市場(chǎng)份額，又稱IE內(nèi)核或是MSHTML，此內(nèi)核只能應(yīng)用于windows平臺(tái)，且是不開源的。

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

　　*Webkit :代表作品Safari、Chrome ，是一個(gè)開源項(xiàng)目。

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

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

TML5 現(xiàn)在已經(jīng)不是 SGML 的子集，主要是關(guān)于圖像，位置，存儲(chǔ)，多任務(wù)等功能的增加。

繪畫 canvas：用于媒介回放的 video 和 audio 元素;

本地離線存儲(chǔ)： localStorage 長(zhǎng)期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失;sessionStorage 的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除;

語(yǔ)意化更好的內(nèi)容元素：比如 article、footer、header、nav、section;

表單控件：calendar、date、time、email、url、search;

新的技術(shù)：webworker, websocket, Geolocation;

兼容處理：

支持HTML5新標(biāo)簽：

IE8/IE7/IE6支持通過(guò)document.createElement方法產(chǎn)生的標(biāo)簽，可以利用這一特性讓這些瀏覽器支持HTML5新標(biāo)簽。瀏覽器支持新標(biāo)簽后，還需要添加標(biāo)簽?zāi)J(rèn)的樣式。當(dāng)然也可以直接使用成熟的框架、比如html5shiv;

 <!--[if lt IE 9]>
 <script> src="https://cdn.bootcss.com/html5shiv/r29/html5.js"</script>
 <![endif]-->

* 如何區(qū)分HTML5：看這里

在線咨詢

上一篇：JavaScript 表格隔行變色
下一篇：Sublime Text 最詳細(xì)的使用教程

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷服務(wù)商

IE如何兼容html5

您的項(xiàng)目需求