讓老版本IE支援HTML5

2021-09-30 13:27:24 字數 1053 閱讀 1716

一直想入手c3和h5,但因為所開發的專案一直要求相容ie7,ie8。而這兩個瀏覽器並不支援html5,所以一直都在觀望而未真正的投入太多精力去學習。儘管我知道h5和c3是主流。 在最近的專案開發中,偶然的乙個機會,讓我了解了兩個js外掛程式。而這兩個元件正好解決了我的困擾。有句話講得好:「萬事俱備,只欠東風!」。說了這麼多,接下來正式說說東風。

html5shiv.js和respond.js。這兩個js檔案讓不支援h5的ie瀏覽器開始接受支援h5和c3。

1.html5shiv.js

html5shiv.js讓不支援html5的瀏覽器支援html5標籤。html5的新元素不能作為父節點包裹子元素,並且不能應用css樣式。html5shiv的使用非常的簡單,考慮到ie9是支援html5的,所以直選要在頁面的head中新增如下**。

如果版本小於ie9就引入html5shiv.js,ie9以前的瀏覽器就能使用h5標籤,並使用定義好的樣式了。

2.respond.js

respond.js 是乙個快速、輕量的 polyfill(註解1),用於為 ie6-8 以及其它不支援 css3 media queries 的瀏覽器提供**查詢的 min-width 和 max-width 特性,實現響應式網頁設計(responsive web design)。

註解1:啥叫shim?啥是polyfill?

shim:是乙個庫,它將乙個新的api引入到乙個舊的環境中,而且僅靠舊環境中已有的手段實現

polyfill:就是乙個用在瀏覽器api上的shim.我們通常的做法是先檢查當前瀏覽器是否支援某個api,如果不支援的話就載入對應的polyfill.然後新舊瀏覽器就都可以使用這個api了.術語polyfill來自於乙個家裝產品polyfilla。

使用起來也非常方便~同上!

3.其他

當然,這兩個只是我用到的兩個js外掛程式,解決ie8以前,以及老瀏覽器不支援h5的解決方案還有很多。比如pie.js等等。

有了這些承上啟下的東西,我就可以放心大膽的奔入h5的懷抱了。

讓老版本IE支援html5

隨著網際網路的發展,特別是移動網際網路的迅猛發展,html5和css3的普及和應用已是大勢所趨。雖然目前整站運用html5的條件還不成熟,但我們可以至少嘗試使用那些最基本的html5的元素來構建 目前,主流瀏覽器裡只有ie9以下的版本是不支援html5的,但是可以通過一段js指令碼來使ie6 7 8...

讓所有IE支援HTML5

作者已經把js檔案放在google code project上並允許大家直接呼叫,當然,前提是你不在意呼叫額外的檔案。你可以使用ie條件注釋來呼叫這個js檔案,這樣像firefox等非ie瀏覽器就會忽視這段 也就不會有無謂的http請求了。下面這段 僅 會在ie瀏覽器下執行 以下是js檔案中的 fu...

微軟支援HTML5

北京時間5月1日訊息,據國外 報道,在蘋果和谷歌紛紛支援新開放網路標準html5之後,微軟ie團隊總經理迪恩 哈恰莫維奇 dean hachamovitch 在周五的官方部落格中表示,未來的網路將屬於html5。哈恰莫維奇在部落格中表示,在支援html5標準的同時,微軟將會繼續支援flash。不過哈...