HTML&CSS_HTML5 Shiv 旧浏览器兼容HTML5标签

转载 2016年08月30日 16:10:05

HTML5能为我们做的事儿很多,最为可口的就是语义化标签的应用,如果你已经在Chrome或者其他支持HTML5的浏览器上用过它的牛x,那这篇文章对你一定有用,因为现在你也可以在IE上用到HTML5。

好吧!大前端今天的主题是:HTML5 Shiv

下面是引用Google的html5.js文件,好处就不说了:

<!--[if IE]>
<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>
< ![endif]-->

将上代码复制到head部分,记住一定要是head部分(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在其他位置调用,否则失效)

当然,你也可以把代码拿出来自己看着办:

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

最后在css里面加上这段:

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

主要是让这些html5标签成块状,像div那样。

好了,简单吧,一句话概括就是:引用html5.js  使html5标签成块状

转载自 大前端

相关文章推荐

认识响应式兼容问题respond.js和html5shiv.js

html5shiv.js让IE6、IE7、IE8支持html 一、插件介绍 用于解决IE9以下版本浏览器对HTML5新增标签不识别,并导致CSS不起作用的问题。所以我们...

不同浏览器对于html5 audio标签和音频格式的兼容性

音频格式 Chrome Firefox IE9 Opera Safari OGG 支持 支持 支持 支持 不支持 MP3 支持 不支持 支持 不支持 支持 ...

css3 html5常用浏览器兼容性

支持 CSS3 和 HTML5 的浏览器越来越多,甚至包括最新版的 IE,当然,所谓支持仅仅是部分支持,因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 ...

各大浏览器 CSS3 和 HTML5 兼容速查表

====================================================== 注:本文源代码点此下载 =============================...

2012五大主流浏览器 HTML5 和 CSS3 兼容性大比拼

距离上一次发布《五大主流浏览器 HTML5 和 CSS3 兼容性大比拼》转眼已过去一年,在这一年里,浏览器领域的竞争愈演愈烈。Firefox 成为新的“版本帝”但依然未能摆脱被 Chrome 超越的...
  • Tizian
  • Tizian
  • 2012年07月12日 11:14
  • 487

五大主流浏览器 CSS3 和 HTML5 兼容性大比拼

各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善,曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天,W3C的 HTML5 社区领袖 Shelley 宣布,HTML5的开发工作已...

HTML5 video 标签浏览器兼容问题

HTML5 video 标签浏览器兼容问题 小示例代码地址:https://github.com/danhuan/video-demo IE8、火狐、谷歌测试通过。使用需要注意的问题:1.多种格式视...
  • danhuan
  • danhuan
  • 2017年07月21日 17:53
  • 669

不同浏览器对于html5 audio标签和音频格式的兼容性

不同浏览器对于html5 audio标签和音频格式的兼容性 音频格式 Chrome Firefox IE9 Opera Safari ...

关于html5标签PlaceHolder 兼容IE8,IE9浏览器

(function($) { $.fn.PlaceHolder = function(className) { var _set = function($em, opt) { ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML&CSS_HTML5 Shiv 旧浏览器兼容HTML5标签
举报原因:
原因补充:

(最多只允许输入30个字)