怎么在IE中使用HTML5元素

這篇文章主要介紹“怎么在IE中使用HTML5元素”，在日常操作中，相信很多人在怎么在IE中使用HTML5元素問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”怎么在IE中使用HTML5元素”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

Sjoerd Visscher 發(fā)現(xiàn)了一個(gè)簡(jiǎn)潔的方法讓樣式在 IE 中作用到未知的元素上——僅需 JS 創(chuàng)建此未知元素即可：

document.createElement(elementName)

同理（對(duì)于 IE 來(lái)說(shuō) HTML 5元素即是未知元素），該方法也可順延到 HTML 5 的元素上（詳細(xì)見：John Resig 寫的 《HTML5 Shiv》 一文）：

< html> < head> < style>section { color: red; }< /style> < script>document.createElement("section")< /script> < /head> < body> < section>Hello World!< /section> < /body> < /html>

在 IE 中，為了更方便使用 HTML 5元素，我們可以引入這樣的腳本：

(function(){      // from: http://dean.edwards.name/weblog/2007/03/sniff/      if(!/*@cc_on!@*/0) return;       var html5 = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,  eventsource,figure,footer,hgroup,header,mark,menu,meter,nav,output,  progress,section,time,video".split(',');      for(var i = 0, len = html5.length; i <  len; i++ )          document.createElement(html5[i]);      }  })();

到此，關(guān)于“怎么在IE中使用HTML5元素”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！