如何在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/

【编辑推荐】

1. 关于HTML 5现状与未来的观点碰撞
2. HTML 5中的五个应用亮点
3. 细谈HTML 5新增的元素
4. HTML 5倍受青睐，XHTML 2处境尴尬
5. HTML 5 下一代Web开发标准详解