你用的遨游可能是用的webkit的內(nèi)核,印象中這個(gè)瀏覽器是雙內(nèi)核的。IE9對(duì)于video標(biāo)簽確實(shí)是不支持的,到了IE10這個(gè)問(wèn)題才有所改善。不過(guò)也有解決的辦法,去下載一個(gè)video.js就可以了,這是一個(gè)針對(duì)低版本IE的HTML5視頻支持的解決方案,在書(shū)寫(xiě)代碼時(shí),使用標(biāo)準(zhǔn)的HTML5寫(xiě)法即可,在IE9及以下版本瀏覽器里面這個(gè)JS會(huì)自動(dòng)生成一個(gè)flash播放器,模擬HTML5播放器的效果,這樣就不需要為html5的video標(biāo)簽的兼容性而頭疼了~~~
創(chuàng)新互聯(lián)是一家專(zhuān)業(yè)提供浮梁企業(yè)網(wǎng)站建設(shè),專(zhuān)注與網(wǎng)站建設(shè)、網(wǎng)站制作、H5建站、小程序制作等業(yè)務(wù)。10年已為浮梁眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)網(wǎng)站設(shè)計(jì)公司優(yōu)惠進(jìn)行中。
其實(shí)不是什么同類(lèi)比較的關(guān)系,是IE9的瀏覽器對(duì)HTML5的兼容性最好,打開(kāi)速度和畫(huà)面呈現(xiàn)效果會(huì)好一些,最近ie出了饑餓游戲的網(wǎng)站,你看看,就是用html5做的
每個(gè)瀏覽器都有一份清單列舉自己所支持的HTML元素。不在清單上的元素都將被視為未知元素。瀏覽器不會(huì)給未知元素設(shè)定任何樣式(不同瀏覽器對(duì)元素會(huì)有不同的默認(rèn)樣式)。在IE9之前的版本中,也不能對(duì)未知元素設(shè)定樣式。未知元素的DOM也顯示不正確,IE會(huì)在DOM中插入一個(gè)沒(méi)有子元素的空節(jié)點(diǎn)。所有你原本認(rèn)為將會(huì)成為這個(gè)未知元素的子元素的元素會(huì)成為其兄弟節(jié)點(diǎn)。
針對(duì)這個(gè)問(wèn)題有一個(gè)彌補(bǔ)方案,在使用里如article標(biāo)簽之前先用js創(chuàng)建一個(gè)虛假的article元素,IE就會(huì)識(shí)別這個(gè)元素了,而支持用css設(shè)定樣式。這個(gè)虛假元素甚至都不需要插入到DOM中。
請(qǐng)看如下的例子:
復(fù)制代碼
代碼如下:
!DOCTYPE HTML
html lang="en"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8"
titleunknown elements/title
style
article{display:block;border:1px solid red}
/style
/meta/head
body
article
h1welcome to feimos's blog/h1
pThis is your spanfirst time to visit this webSite./span/p
/article
/body
/html
IE6不會(huì)識(shí)別article,所以也不會(huì)有紅色邊框。
但是如果我們?cè)趆ead中加入一句js,情況立馬就不一樣了。
復(fù)制代碼
代碼如下:
script type="text/javascript"
document.createElement("article");
/script
IE6假裝它認(rèn)識(shí)這個(gè)元素,正確顯示了效果。
我們可以為所有新的HTML5元素都一次性創(chuàng)建一份虛假副本,以后就無(wú)需擔(dān)心那些不能良好支持HTML5的瀏覽器了。Remy Sharp的HTML5 enabling script就是幫助我們做這些事情的,該腳本的基本想法如下:
復(fù)制代碼
代碼如下:
!--[if lt IE 9]
script type="text/javascript"
var e=("abbr,article,aside,audio,canvas,datalist,details,"+
"figure,footer,header,hgroup,mark,menu,meter,nav,output,"+
"progress,section,time,video").split(',');
for(var i=0;ie .length;i++){
document.createElement(e[i]);
}
/script
![endif]--
首先利用條件注釋判斷是不是IE9之前版本,如果是就執(zhí)行js。先把所有新標(biāo)簽寫(xiě)入e數(shù)組中,然后遍歷整個(gè)數(shù)組,并創(chuàng)建副本。
該腳本已經(jīng)托管在Google Project Hosting上,你可以直接外鏈這個(gè)腳本:
復(fù)制代碼
代碼如下:
!--[if lt IE 9]
script src="http://html5shim.googlecode.com/svn/trunk/html5.js"/script
![endif]--
另外,這段腳本需要放在頁(yè)面起始的部分,最好是head中,不要放在底部。這樣IE在解析頁(yè)面標(biāo)簽之前就會(huì)先運(yùn)行這段代碼。
轉(zhuǎn)載僅供參考,版權(quán)屬于原作者。祝你愉快,滿(mǎn)意請(qǐng)采納哦
這個(gè)要看網(wǎng)站采取的源碼程序,而不是瀏覽器想用什么就用什么的,某網(wǎng)站使用了html5變成語(yǔ)言,那么IE9才能解析html5,但是網(wǎng)站用flash方式來(lái)展示的話(huà),那么IE9就只能依靠flash插件來(lái)看flash內(nèi)容了。
讓HTML5
兼容所有瀏覽器的
方法.如今HTML5愈來(lái)愈引發(fā)大家的關(guān)注了,但目前支持HTML5的瀏覽器還不是主流,特別是國(guó)內(nèi)用戶(hù)近50%以上仍舊使用IE6,由于支持HTML5
的IE9不支持Xp系統(tǒng)安裝,這樣未來(lái)很長(zhǎng)一段時(shí)間,HTML5的開(kāi)發(fā)者將必須考慮向下兼容的問(wèn)題。HTML5的標(biāo)簽或CSS選擇器兼容性的做法有很多,
其中自己生成標(biāo)簽元素就是一種。
基本原理參見(jiàn)如下代碼在IE8中效果,樣式根本沒(méi)有起作用。
Markup
html
head
style
mxria{
color:
red;
}/style
scriptdocument.createElement("mxria")/script
/head
body
mxriaHello!mxria.com/mxria
/body
/html
為了是瀏覽器識(shí)別標(biāo)簽并顯示對(duì)應(yīng)樣式的效果,我們可以如下增加一段js,看到效果就不同了
Markup
html
head
style
mxria{
color:
red;
}/style
scriptdocument.createElement("mxria")/script
/head
body
mxriaHello!mxria.com/mxria
/body
/html
現(xiàn)在可以看出來(lái)了吧,對(duì),就是document.createElement
,HTML5
shiv
是一個(gè)js插件,將所有HTML5的標(biāo)簽進(jìn)行了重新生成,你需要加載該插件,那么HTML5程序就能被所有瀏覽器識(shí)別了。