HTML5 Shiv – 让该死的IE系列支持HTML5吧（转）

摘自: http://www.cnblogs.com/yuzhongwusan/archive/2011/11/17/2252207.html

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(!/*@[email protected]*/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标签成块状

时间： 2024-10-16 15:45:42

HTML5 Shiv – 让该死的IE系列支持HTML5吧（转）的相关文章

让IE系列支持HTML5的html5shiv.js和respond.min.js

在head头部添加如下代码即可 <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2

查询浏览器是否支持html5

js判断插入js代码====================================================== <script> window.onload = function() { if (window.applicationCache) { alert("你的浏览器支持HTML5"); } else { alert("你的浏览器不支持HTML5"); } } </script> ==================

让该死的IE支持HTML5 --- html5shiv

让该死的IE支持HTML5 直接代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title>  <!--[if lt IE 9]> <script src="html5shiv.min.js"></script> <

html5shiv让IE也能支持HTML5标签的JavaScript兼容库

使用方法作者已经把这段代码放到了Google code project上,不过由于Google的原因不能访问了,只需要在你的head标签中中调用这段代码就行. <!–if lt IE 9]> <script src="js/html5shiv.js"></script> <!–endif]–> 当然你也可以直接把这个文件下载到自己的网站上.这个文件必须在head标签中调用,因为IE必须在元素解析这前知道这些元素,才能启作用!或许你还要在

如何让浏览器支持HTML5标签

在前端领域html5技术越来越流行了,可是还有一些浏览器不支持html5结构标签,这就让开发者非常蛋疼了.不过这也是没有办法的是,毕竟那些浏览器出生的时候要么还没有html5这回事.要么就是爹妈不愿意教他们怎么玩.今天就总结一下如何让浏览器支持html5结构标签(主要是前辈们的方法)借来一用: 一.使用Coding JavaScript 方法,不支持html5标签这种事一般都是IE8及其以下版本干的事,so: <!--[if lt IE9]> <script> (function(

让IE9支持html5

IE10以上才算是真正支持了html5 ,但仍然有些地方和别的浏览器不一致,比如要在js里移除一个html标签, 如果是IE,document.getElementById("a").removeNode(true); 如果是chrome,就是document.getElementById("a").remove(); 等等, 把这些边边角角都处理好,基本上ie10跑h5的canvas是没有问题的,但是ie9口口声声说支持h5,结果是个大坑,就需要在html的hea

js解决IE8不支持html5，css3的问题（respond.js 的使用注意）

IE8.0及以下不支持html5,css3的解析.目前为止IE8以下的版本使用率在10%左右,网站还是有必要兼容的. 1,在你的所有css最后判断引入两个js文件. html5.js 是用来让ie8浏览器能将h5标签转化为块元素 respond.js 是让ie8支持css3的js <!--[if lt IE9]> <script src="html5.js"></script> <script src="Respond.js&q

IE8 不支持html5 placeholder的解决方案

IE8不支持html5 placeholder的解决方法. /** * jQuery EnPlaceholder plug * version 1.0 2014.07.01戈志刚 * by Frans.Lee <[email protected]> http://www.ifrans.cn */ (function ($) { $.fn.extend({ "iePlaceholder":function (options) { options = $.extend({ pl

（转）让所有浏览器支持HTML5 video视频标签

转自http://www.zhangxinxu.com/wordpress/?p=661 一.前面的唠叨我记得就是前几个月吧,有条消息说YouTube支持了HTML5视频嵌入标签video,好吧,我听说而已,因为我不是个擅长FQ的人,到底如何我也不得而知. 与主题不相关的HTML5方面的东西我就不多说了,对于video标签,获取大家都听说了,这个标签的功能如同现在HTML语言中的img标签,就现在,比如要链接并显示一张图片,可以这样子: <img data-src="http://ima