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

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

《Moving markup towards HTML5》

《Test new HTML 5 elements》

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

网站名称：如何在IE中使用HTML5元素
文章来源：http://www.shufengxianlan.com/qtweb/news9/403259.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联