如何在IE中使用HTML 5元素

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]);  
    }  
})();

详细具体应用的案例如下：

《Moving markup towards HTML5》

《Test new HTML 5 elements》

原文：http://www.planabc.net/2009/06/13/how_to_use_html5_elements_in_ie/

版权声明：本文来源51CTO，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：http://developer.51cto.com/art/200907/134002.htm
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2021-05-16 01:59:04
阅读 ( 657 )
分类：前端

如何在IE中使用HTML 5元素

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看