ie8以下版本(包括ie8)的浏览器不支持html5标签属性解决方案(Modernizr 2.6.2插件的使用)

今天脑抽想用html5标签设计一个网页,我本人用的是火狐浏览器,都弄好后我发现一个很严重的问题,除了ie9以下的浏览器都不能支持html5标签(article,aside,dialog,footer,header,section,footer,nav,figure,menu)。

我上网找了好多中方法,有网友说使用

<!--[if lt IE9]>

<script>

(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(‘, ‘);

var i= e.length;

while (i--){

document.createElement(e[i])

}

})()

</script>

<![endif]-->

或者

<!--[if lt IE9]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
//谷歌现在已经退出了中国市场(除了中国和朝鲜以外的国家都可以访问,呵呵~)

<![endif]-->

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

我都试过了,但是发现还是不行,我就很纳闷,于是我就“灵机一动”找了几个国外的网站解剖它发现原来是使用了Modernizr插件,我就死马当活马医放到了网页中,结果不出我所料果然所有的html5标签都可以支持,我用ie11的开发者模式调试了ie6-ie8都没有问题,甚至无聊的我还测试了ie5也可以完美支持。

其实这个Modernizr插件的功能很强大还不止这些如果想要了解更多的资料可以点击官网查看

这是一遍中文的简介挺好的可以看看哦~说了这么多,还是把插件拿出来分享,狠狠点击这里下载,让你的页面不在烦恼。

原文地址http://haiqiancun.com/bbs/bbsPage/0/detail/297e9e7946a599780146a5a38dde0003/1/20140812090617

ie8以下版本(包括ie8)的浏览器不支持html5标签属性解决方案(Modernizr 2.6.2插件的使用)

时间: 2024-10-07 05:01:27

ie8以下版本(包括ie8)的浏览器不支持html5标签属性解决方案(Modernizr 2.6.2插件的使用)的相关文章

ie8下面版本号(包含ie8)的浏览器不支持html5标签属性解决方式(Modernizr 2.6.2插件的使用)

我这边申明下:我写这篇日志主要是想然ie8可以支持html5的个别标签闭合,并不能让ie全然支持html5.我之前写的可能会误导非常多同学.希望大家能明确. 今天脑抽想用html5标签设计一个网页.我本人用的是火狐浏览器,都弄好后我发现一个非常严重的问题.除了ie9下面的浏览器都不能支持html5标签(article,aside,dialog,footer,header,section,footer,nav,figure,menu). 我上网找了好多中方法.有网友说使用 <!--[if lt I

解决IE9以下版本浏览器不支持HTML5标签的问题

使用HTML5Shiv越来越多的站点开始使用 HTML5 标签.但情况是还有很多人在使用IE6,IE7,IE8.为了让所有网站浏览者都能正常的访问网站,html5shiv出现了. 获得地址: http://www.bootcdn.cn/html5shiv/ https://github.com/aFarkas/html5shiv/ 使用方法:在head区域添加如下代码 <!--[if lt IE 9]> <script src="js/html5shiv.js">

低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频

支持低版本IE的html5播放器演示 通常人们习惯用swf播放器来播放网络视频音频 HTML5给我们带来了很多惊喜,其中新增加的audio和video标签可以让我们更方便的在网页中播放音频和视频.video标签虽好,然而目前它却无法在旧版的IE浏览器中使用.所以一般还是用flash播放器来播放视频,例如优酷网站的插入视频的代码如下: <embed src="http://player.youku.com/player.php/sid/XNjgwMDU5MDU2/v.swf" al

直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法

摘自:http://www.uiej.com/1107.html 通常人们习惯用swf播放器来播放网络视频音频 HTML5给我们带来了很多惊喜,其中新增加的audio和video标签可以让我们更方便的在网页中播放音频和视频.video标签虽好,然而目前它却无法在旧版的IE浏览器中使用.所以一般还是用flash播放器来播放视频,例如优酷网站的插入视频的代码如下: <embed src="http://player.youku.com/player.php/sid/XNjgwMDU5MDU2/

完美解决IE5,IE6,IE7,IE8不支持html5标签的方法

HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. HTML5的新标签元素有: <header>定义页面或区段的头部: <footer>定义页面或区段的尾部: <nav>定义页面或区段的导航区域: <section>页面的逻辑区域或内容组合: <article>定义正文或一篇完整的内容: <aside>定义补充或相关内容: 使用他们能让代码

解决IE8不支持html5标签最好解决办法?

完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法:HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单.HTML5的新标签元素有:<header>定义页面或区段的头部:<footer>定义页面或区段的尾部:<nav>定义页面或区段的导航区域:<section>页面的逻辑区域或内容组合:<article>定义正文或一篇完整的内容:<as

如何让浏览器支持HTML5标签

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

让 IE9 以下的浏览器支持HTML5标签 和 CSS3选择器

做项目的很多时候,想用 HTML5  CSS3 新的技术,又考虑到低版本的浏览器不支持这些标签和属性,就让人烦恼,不过问题的出现,就有问题的解决方案,那么这里就介绍用 js 插件来让低版本浏览器也兼容吧... 让浏览器支持HTML5标签插件下载地址: http://code.google.com/p/html5shiv/ 让浏览器支持CSS3选择器插件下载地址: http://www.jb51.net/jiaoben/24032.html 使用方法: 下载插件,在下载到的文件中找到下面标着红颜色

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

Html5已经风靡很久了,不研究html5+css3实在有些过不去,今天先从最基本的开始介绍吧,让ie家族老前辈能够认识html5的新标签.前端资源分享 1.页面中加入代码 .代码   <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> 2.定义一下CSS代码(Important)