`

让 IE6,7,8 支持 HTML5 的标签

    博客分类:
  • Html
阅读更多
让IE(ie6/ie7/ie8)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求。

  方式一:引用google的html5.js文件,代码内容可以自己下载下来看。

  <!–[if lt IE9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]–>

  将以上代码放到head标签区间

  方式二:自己coding JS搞定。

<script>
   (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(', ');
     var i= e.length;
     while (i--){
         document.createElement(e[i])
     }
})()
</script>

  不管你用上面哪中方式,请记得在CSS中进行如下定义,目的是让这些标签成为块状元素,just like div。

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

[转载] 原地址:http://www.cnblogs.com/jhti/archive/2011/07/13/2105039.html
分享到:
评论

相关推荐

    IE6支持HTML5

    标题“IE6支持HTML5”意味着我们关注的主题是关于如何在过时的Internet Explorer 6浏览器上实现对HTML5新特性的支持。HTML5是现代网页开发的标准,它引入了许多增强功能,包括更好的多媒体处理、离线存储、图形绘制...

    让IE兼容 HTML5的canvas标签

    然而,由于历史原因,早期版本的Internet Explorer(IE6到IE9)并不支持HTML5的新特性,包括canvas。为了使这些旧版IE浏览器能够兼容HTML5的canvas标签,开发者通常会利用名为"excanvas"的JavaScript库。 Excanvas...

    IE7,IE8兼容H5标签

    3. html5shiv:html5shiv是一个小型的JavaScript库,专为了解决IE6-IE8不识别HTML5新标签的问题。它允许在这些老版本的IE浏览器中应用CSS样式到H5元素。 4. 使用jQuery或其他JavaScript框架:某些JavaScript框架如...

    IE6/7/8支持Html5

    IE7、7、8想必大家都知道了,对Html5支持是有很大的问题的...--让IE(IE6/7/8)支持Html5标签--&gt; &lt;!–[if lt IE9]&gt; &lt;script src="Content/Js/Html5/html5shiv.js"&gt;&lt;/script&gt; &lt;![endif]–&gt; 将此段代码放入之间即可。

    完美解决IE(IE6/IE7/IE8)不兼容HTML5

    首先,我们需要理解为什么IE6/7/8不支持HTML5。这主要是因为它们的内核(Trident)在HTML5标准推出时并未进行相应的更新。为了解决这个问题,我们可以采用以下策略: 1. **使用HTML5shiv**: HTML5shiv是一个...

    ie8以下支持html5

    然而,对于那些仍然使用较旧版本浏览器的用户,特别是像Internet Explorer 8 (IE8)这样的老版本,它们可能无法原生支持HTML5的新特性及CSS3的媒体查询。在这种情况下,"ie8以下支持html5"这个主题就显得尤为重要。 ...

    让IE8和IE9支持Html5和Css3

    标题"让IE8和IE9支持Html5和Css3"指的是一个目标,即如何在不支持新特性的旧版IE浏览器上实现Html5和Css3功能。这个压缩包提供了一些关键的JavaScript库,帮助解决这个问题。 首先,`css3-mediaqueries.js`是针对IE...

    让IE(包括IE6)支持HTML5元素

    标题“让IE(包括IE6)支持HTML5元素”指的是如何在旧版的Internet Explorer(尤其是IE6)中启用对HTML5新引入的元素的支持。这些元素如, , , , , 等,在HTML5中提供了更丰富的结构化语义,但在IE6到IE8等旧版本...

    IE9之前的版本兼容HTML5标签

    IE6、IE7和IE8只支持部分HTML5的新特性,对新标签的支持尤为不足,这给开发者带来了兼容性挑战。例如,和用于定义页面或区域的头部和尾部,则用于定义导航链接,这些在IE低版本中可能无法正确渲染。 为了使这些新...

    ie6/7/8兼容html5

    然而,早期的Internet Explorer浏览器,尤其是IE6、IE7和IE8,并不原生支持HTML5的所有特性。这些老版本的IE浏览器的市场份额曾经相当大,因此,确保在这些浏览器上实现HTML5兼容性对于开发者来说至关重要。 要实现...

    能够兼容IE8以下浏览器的H5 Video标签播放插件,测试可用

    HTML5的`&lt;video&gt;`标签是现代网页中用于嵌入视频的标准方式,但IE8不支持这一特性。因此,这个插件解决了这个痛点,使得开发者可以使用标准的HTML5语法,同时确保在老版本的IE浏览器中也能播放视频。 在IE8_H5_Video...

    让IE支持CSS3 Media Query实现响应式Web设计,html5.js让IE(包括IE6)支持HTML5元素方法

    让IE(包括IE6)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement_x声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也...

    ie6与ie7 8区别

    - **DOM兼容性**:IE6、IE7和IE8在DOM支持方面存在差异,例如对于某些DOM属性和方法的支持程度不同。例如,IE6对于某些DOM事件模型的支持较弱,而IE7和IE8在这方面有所改进。 #### 五、总结 总的来说,IE6、IE7和...

    让IE支持HTML5

    总之,虽然使IE支持HTML5可能需要一些额外的工作,但通过以上方法,开发者可以确保HTML5网站在IE中也有良好的表现。随着浏览器技术的不断进步,这种兼容性问题将会越来越少。不过,作为开发者,了解并掌握这些技巧...

    让IE8以下兼容HTML5标签和CSS3高级选择器

    总结来说,要让IE8及以下版本的浏览器兼容HTML5新标签和CSS3高级选择器,我们需要利用HTML5Shiv、Selectivizr、CSS3 Pie等工具,并合理地在页面中引入这些库。同时,对CSS和HTML进行适当的优化和调整,以适应旧版...

    语义化标签兼容IE8以上文件

    在“语义化标签兼容IE8以上文件”中,我们主要关注的是如何在不支持HTML5新标签的老版本IE(尤其是IE8及以上)中实现这些标签的功能。 `myIE8up.js`这个JavaScript文件很可能是用于在旧版IE浏览器中模拟HTML5语义化...

    html5media文件,video兼容IE8视频播放

    IE8并不原生支持HTML5的`&lt;video&gt;`标签,因此`html5media`库通过提供一个补丁,使得开发者能够在这些浏览器中实现视频播放功能。 在描述中提到,这个文件是从Google站点下载的,这表明它可能是一个开源项目或者社区...

    让IE6、7 、8支持CSS3新特性插件

    标题中的“让IE6、7、8支持CSS3新特性插件”指的是针对早期版本的Internet Explorer(IE6、IE7、IE8)的一种解决方案,这些浏览器不原生支持CSS3的新特性。CSS3是层叠样式表的第三个主要版本,引入了许多增强网页...

    html5shiv包,完美解决IE8等不支持H5标签问题

    HTML5shiv是一个JavaScript库,专为了解决早期版本的Internet Explorer(尤其是IE8及更低版本)不支持HTML5新元素的问题。在HTML5规范引入了许多新的语义化标签,如、、、、、等,这些在IE8及以下浏览器中并未得到...

    兼容ie6,7,8的视频、mp3播放插件html5media.js

    HTML5Media.js通过检测浏览器的类型和版本,如果发现是不支持HTML5的IE6, IE7或IE8,它会自动为video和audio标签提供替代方案。它通常依赖Flash技术,因为那时Flash在大多数计算机上是广泛安装的,并且能够播放...

Global site tag (gtag.js) - Google Analytics