日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

ie6/7/8 怎樣讓IE9以下版本認(rèn)識(shí)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)看如下的例子：

ie6/7/8 怎樣讓IE9以下版本認(rèn)識(shí)html5元素？


IE6不會(huì)識(shí)別article，所以也不會(huì)有紅色邊框 。
ie6/7/8 怎樣讓IE9以下版本認(rèn)識(shí)html5元素？


但是如果我們?cè)趆ead中加入一句js，情況立馬就不一樣了 。
ie6/7/8 怎樣讓IE9以下版本認(rèn)識(shí)html5元素？


IE6假裝它認(rèn)識(shí)這個(gè)元素，正確顯示了效果 。
ie6/7/8 怎樣讓IE9以下版本認(rèn)識(shí)html5元素？


我們可以為所有新的HTML5元素都一次性創(chuàng)建一份虛假副本，以后就無(wú)需擔(dān)心那些不能良好支持HTML5的瀏覽器了 。Remy Sharp的HTML5 enabling script就是幫助我們做這些事情的，該腳本的基本想法如下：
ie6/7/8 怎樣讓IE9以下版本認(rèn)識(shí)html5元素？


首先利用條件注釋判斷是不是IE9之前版本，如果是就執(zhí)行js 。先把所有新標(biāo)簽寫入e數(shù)組中，然后遍歷整個(gè)數(shù)組，并創(chuàng)建副本 。
該腳本已經(jīng)托管在Google Project Hosting上，你可以直接外鏈這個(gè)腳本：
ie6/7/8 怎樣讓IE9以下版本認(rèn)識(shí)html5元素？


另外，這段腳本需要放在頁(yè)面起始的部分，最好是head中，不要放在底部 。這樣IE在解析頁(yè)面標(biāo)簽之前就會(huì)先運(yùn)行這段代碼 。
【ie6/7/8 怎樣讓IE9以下版本認(rèn)識(shí)html5元素？】

    推薦閱讀