让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搞定。
<!–[if IE]>
<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(’,'),i=e.length;while(i–){document.createElement(e[i])}})()
</script>
<![endif]–>
不管你用上面哪中方式,请记得在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/7/8不支持HTML5。这主要是因为它们的内核(Trident)在HTML5标准推出时并未进行相应的更新。为了解决这个问题,我们可以采用以下策略: 1. **使用HTML5shiv**: HTML5shiv是一个...
IE7、7、8想必大家都知道了,对Html5支持是有很大的问题的...--让IE(IE6/7/8)支持Html5标签--> <!–[if lt IE9]> <script src="Content/Js/Html5/html5shiv.js"></script> <![endif]–> 将此段代码放入之间即可。
标题“兼容ie6/ie7/ie8/ff 省市县的js”指的是一个JavaScript插件或库,其主要目的是解决浏览器兼容性问题,特别是针对较老版本的Internet Explorer(IE6、IE7、IE8)以及Firefox(FF)。这个选择器功能允许用户在...
然而,早期的Internet Explorer浏览器,尤其是IE6、IE7和IE8,并不原生支持HTML5的所有特性。这些老版本的IE浏览器的市场份额曾经相当大,因此,确保在这些浏览器上实现HTML5兼容性对于开发者来说至关重要。 要实现...
"IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表" 提供了一个宝贵的资源,帮助开发者解决在不同浏览器之间存在的CSS样式差异。下面我们将深入探讨这个话题,了解各种CSS hack及其在这些浏览器中的表现。 ...
jquery.validate 兼容IE6/IE7/IE8
"ie5/6/7/8调试工具"指的是针对Internet Explorer 5、6、7及8这四个早期版本的浏览器所设计的一系列调试解决方案。这些版本的IE浏览器由于历史遗留问题,经常会给开发者带来各种兼容性挑战。本文将深入探讨这些调试...
然而,IE6、IE7和IE8并不支持`FileReader API`,所以我们需要寻找替代方案。 在提供的“兼容ie678 and FF的本地图片预览.html”文件中,开发者可能采用了`<iframe>`或`ActiveXObject`来实现预览。`<iframe>`可以...
标题“IE6支持HTML5”意味着我们关注的主题是关于如何在过时的Internet Explorer 6浏览器上实现对HTML5新特性的支持。HTML5是现代网页开发的标准,它引入了许多增强功能,包括更好的多媒体处理、离线存储、图形绘制...
【CSS Hack】在Web开发中,CSS Hack是一种特殊的技术,用于解决不同浏览器对CSS解析的差异,特别是针对老版本的Internet Explorer(IE6、IE7和IE8)的兼容性问题。这些浏览器在解析CSS时存在诸多不一致,导致设计师...
由于不同版本的Internet Explorer(IE6、IE7、IE8、IE9、IE10)对Web标准的支持程度不一,这导致在这些浏览器中运行同一段代码可能会出现差异。幸运的是,有一些技术手段可以帮助我们解决这些问题。 首先,一个关键...
3. html5shiv:html5shiv是一个小型的JavaScript库,专为了解决IE6-IE8不识别HTML5新标签的问题。它允许在这些老版本的IE浏览器中应用CSS样式到H5元素。 4. 使用jQuery或其他JavaScript框架:某些JavaScript框架如...
使IE5,IE6,IE7,IE8兼容到IE9模式 <!–[if lt IE 9]> ”http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js”></script> <![endif]–> 解决PNG显示问题 只需将透明png图片命名为*-trans.png 需要注意...
- **DOM兼容性**:IE6、IE7和IE8在DOM支持方面存在差异,例如对于某些DOM属性和方法的支持程度不同。例如,IE6对于某些DOM事件模型的支持较弱,而IE7和IE8在这方面有所改进。 #### 五、总结 总的来说,IE6、IE7和...
标题 "教你一招让你的IE 6/7/8/9/x都支持HTML5" 描述了一种方法,旨在使旧版本的 Internet Explorer(IE 6、7、8、9 和 x)能够支持现代的 HTML5 标准。在那个时期,IE 浏览器对新标准的支持相对滞后,这给开发者...
然而,由于历史原因,早期版本的Internet Explorer(IE6到IE9)并不支持HTML5的新特性,包括canvas。为了使这些旧版IE浏览器能够兼容HTML5的canvas标签,开发者通常会利用名为"excanvas"的JavaScript库。 Excanvas...
在探讨IE6、IE7、IE8对CSS和JavaScript支持的差异时,我们可以发现一系列显著的兼容性问题和解析规则的变化。以下是对这些差异的详细分析: 1. **JavaScript性能和垃圾收集**: - 在IE6中,JScript引擎在处理大量...
HTML5的`<video>`标签是现代网页中用于嵌入视频的标准方式,但IE8不支持这一特性。因此,这个插件解决了这个痛点,使得开发者可以使用标准的HTML5语法,同时确保在老版本的IE浏览器中也能播放视频。 在IE8_H5_Video...
尤其是在处理旧版Internet Explorer(如IE6、IE7、IE8)与现代浏览器(如Firefox、Chrome等)之间的样式差异时,CSS Hack技巧成为了必不可少的工具。本文将深入探讨不同浏览器兼容性的CSS Hack代码及其实例,帮助...
在早期的Internet Explorer浏览器,即IE6、IE7和IE8,它们并不支持CSS3的一些新特性,如圆角和阴影效果。这些特性在现代浏览器中已经非常常见,可以为网页设计提供更丰富的视觉体验。为了让这些老版本的IE浏览器也能...