这篇文章主要介绍“怎么在IE中使用HTML5元素”,在日常操作中,相信很多人在怎么在IE中使用HTML5元素问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么在IE中使用HTML5元素”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
Sjoerd Visscher 发现了一个简洁的方法让样式在 IE 中作用到未知的元素上——仅需 JS 创建此未知元素即可:
document.createElement(elementName)
同理(对于 IE 来说 HTML 5元素即是未知元素),该方法也可顺延到 HTML 5 的元素上(详细见: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]); } })();
到此,关于“怎么在IE中使用HTML5元素”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。