当前位置:主页 ->前端开发 - 设计理念 - ->让ie浏览器支持html5标签的实现方法
文章详细内容

让ie浏览器支持html5标签的实现方法

摘要:Html5已经风靡很久了,不研究html5+css3实在有些过不去,今天先从最基本的开始介绍吧,让ie家族老前辈能够认识html5的新标签。前端资源分享1.页面中加入代码.代码  9]>   http:html5shim.googlecode.comsvntrun...
转载请注明来源:让ie浏览器支持html5标签的实现方法

Html5已经风靡很久了,不研究html5+css3实在有些过不去,今天先从最基本的开始介绍吧,让ie家族老前辈能够认识html5的新标签。前端资源分享

1.页面中加入代码

.代码  收藏代码
  1. <!--[if lt IE 9]>   
  2. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>   
  3. <![endif]-->  

 

2.定义一下CSS代码(Important)

.代码  收藏代码
  1. article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}   

 

这个js文件原来的内容很少,现在可能更新了版本代码量加大了。具体差异在哪里我没有细究,贴出原来的代码。应该还是可以使用的。前端资源分享

.代码  收藏代码
  1. (function(){if(!/*@cc_on!@*/0)return;var e ="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})()  

 

要的朋友拿去吧。可以直接放到页面中。不过注意第二步,给html5标签定义上display:block属性。

转载请注明来源:让ie浏览器支持html5标签的实现方法
http://www.php1.cn/Content/Rang_ie_LanQiZhiChi_html5_BiaoQianDeShiXianFangFa.html
关注 第一PHP社区 微信公众号,获取更多最新PHP技术分享

  • 打酱油

  • 震惊

  • 呵呵


  • 鄙视
最新评论
  • 不吐不快,赶紧来一发!
关注 第一PHP社区 微信公众号
PHP1.CN | 中国最专业的PHP中文社区 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | PHP论坛
Copyright © 1998 - 2015 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有
快云为本站提供专业云计算服务