html5提供了强大的新标签及新属性,却只有高级浏览器兼容,那么为了ie低版本浏览器的兼容该怎么办呢?
为了确保所有新的HTML5元素能以block元素正确渲染,我们会在css中定义:
header,footer,article,section,nav,menu,hgroup,aside{
display:block;
}
但是低版本浏览器不识别这些标签,那么解决方法如下:
(一)支持IE兼容HTML5标签的方法
document.createElement('TagName');
<head>
<script>
function createTags() {
var tags = ['header', 'aside', 'footer', 'nav', 'section', 'article', 'hgroup', 'time'];
for (var i = 0; i < tags.length; i++) {
document.createElement(tags[i]);
}
}
</script></head>
(二)Google Code Project现成的js
1、
http://html5shiv.googlecode.com/svn/trunk/html5.js shiv的在线脚本地址
2、
http://html5shim.googlecode.com/svn/trunk/html5.js shim的脚本脚本地址
<head>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
<![endif]-->
</head>
参考:
http://www.camnpr.com/archives/617.html
分享到:
相关推荐
最近发现,video标签在IE浏览器无法播放视频,网上查阅资料得知,可以引用html5media.js,亲测可以解决
(解决IE浏览器支持html5文件)是一款能够有效解决ie低版本无法支持html5 使用javascript来使不支持HTML5的浏览器支持html标签。是大部分网站采用的方式。在head头部添加html5shiv.js代码即可
NULL 博文链接:https://1960370817.iteye.com/blog/2398884
简述在网页开发中,IE和FF相关标签的使用方式和替换方法,解决部分不兼容问题。
HTML5新增加的audio和video标签让我们增加了很多惊喜,可以让我们更方便的在网页中播放音频和视频。...html5media.min.js却是一个能让这两个标签在各种新旧版IE浏览器中全面兼容的JavaScript类库。
现在流行html5了都,所有的浏览器都支持placeholder,唯独IE不支持,那么这插件将完美解决IE浏览器不兼容input标签的placeholder属性.
HTML5的标签或CSS选择器兼容性的做法有很多,其中自己生成标签元素就是一种。 基本原理参见如下代码在IE8中效果,样式根本没有起作用。 复制代码代码如下:<html><head><style>mxria{ color: red; ...
主要介绍了IE浏览器HTML Hack标签总结,写IE浏览器兼容CSS的时候会经常用到HTML Hack技术,本文总结到了IE9下的HTML Hack标签,需要的朋友可以参考下
ie8 及以下对 html5 标签不兼容(可以通过引入html5shiv包解决,本文不处理IE11的更低版本,故不提及此法)。 ie9 以下 对 CSS3 的不兼容,各种不兼容的细节比较多,这里不说明。 ie10 及以下浏览器中不支持 ...
一、用HTML5的标签兼容各版本IE浏览器的方法技术 <!DOCTYPE html>是HTML5中唯一的doctype,也被视作将网页“升级”到HTML5的第一步。
IE,这个令所有网站设计人员讨厌,但又不得不为它工作的浏览器。不论是6、7还是8,它们都有一个共同的渲染...一些HTML标签默认具有haslayout。PS:一个对象的layout属性被激活,它的具体表现就是haslayout=true。我们
IETester是以”分页标签”的方式,分别在不同的页签中显示你所指定的IE浏览器版本的网页浏览画面,此外类似Office 2007的软体介面呈现方式也相当新潮好用,大部分常用的按钮都直接列在上面了。 最小需求:Windows ...
让ie浏览器兼容html5标签的js文件,需要在页面中引入<script src="html5.js" type="text/javascript"></script>
其结果是无论IE6还是火狐浏览器下,背景图片都是固定的死死的,不错。但是,一旦html标签带着background属性参合进来,事情就要发生转变了。问题代码: html{background:white;} body{background:url(../image/404....
所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生效,例如表格元素中的、、等,而像、这样的元素是没有valign特性的,因此使用vertical-align对它们不...
在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+, android 4+。两套运行时,同样的调用方式,可供用户任意选用。 采用大文件分片并发上传,极大的...
创建一个如下的标签页,在IE8中与谷歌浏览器中的效果如下,几乎没有区别 谷歌浏览器: IE8: 二、制作过程 1、首先布置好场景,在一个图层内: 图层1~图层4四个超级链接是一个图层,然后各自的图层的内容分别是...
能够支持谷歌浏览器、火狐浏览器、Edge浏览器、安卓原生浏览器,不支持IE。高性能,支持同时转发多路视频,占用硬件资源不多。低延时,延时1s。 运行示例项目 1、克隆或者下载项目到本地。 2、命令行进入到项目目录...
HTML5的方式,本身是兼容IE浏览器的,从IE6到IE10都可以,包括高级浏览器都支持。所以说拥抱HTML5最简 单的方式就是把DOCTYPE给改了。 1.更简洁的标签 接下来可能并不是一件很常见的事情,但是却是我
测试浏览器:firefox6,firefox12,chrome 25.0.1364.172 m,IE6-IE10 都兼容 safari5.0.4不支持FileReader和file.files.item(0).getAsDataURL方法,暂时无解,需要上传到服务器后返回临时文件名用img标签加载,不...