如何在IE中使用HTML 5元素
创始人
2024-04-10 18:11:14
0

Sjoerd Visscher 发现了一个简洁的方法让样式在 IE 中作用到未知的元素上——仅需 JS 创建此未知元素即可:

  1. document.createElement(elementName) 

同理(对于 IE 来说 HTML 5元素即是未知元素),该方法也可顺延到 HTML 5 的元素上(详细见:John Resig 写的 《HTML5 Shiv》 一文):

  1. < html> 
  2. < head> 
  3. < style>section { color: red; }< /style> 
  4. < script>document.createElement("section")< /script> 
  5. < /head> 
  6. < body> 
  7. < section>Hello World!< /section> 
  8. < /body> 
  9. < /html> 

在 IE 中,为了更方便使用 HTML 5元素,我们可以引入这样的脚本:

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

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

《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开发标准详解

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...
《非诚勿扰》红人闫凤娇被曝厕所... 【51CTO.com 综合消息360安全专家提醒说,“闫凤娇”、“非诚勿扰”已经被黑客盯上成为了“木...
2012年第四季度互联网状况报... [[71653]]  北京时间4月25日消息,据国外媒体报道,全球知名的云平台公司Akamai Te...