IE(IE6/IE7/IE8)支持HTML5标签--20150216
让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}
转载于:https://www.cnblogs.com/thelongmarch/p/4294439.html
IE(IE6/IE7/IE8)支持HTML5标签--20150216相关推荐
- 如何让IE6/IE7/IE8支持HTML5标签
让IE(ie6/ie7/ie8)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个j ...
- calc ie支持_让IE6/IE7/IE8支持CSS3属性的8种方法介绍
让IE6/IE7/IE8支持CSS3属性的8种方法介绍 发布时间:2013-09-23 10:43:06 作者:佚名 我要评论 IE浏览器暂不支持CSS3的一些属性.国外的工程师们,不安于此现 ...
- 让IE6/IE7/IE8支持CSS3的8种方法
我们都知道,IE浏览器暂不支持CSS3的一些属性.国外的工程师们,不安于此现状,他们总是尽量使用一些手段使IE浏览器也能支持CSS3属性,我觉得这些都是很有意义,很有价值的工作,可以推动整个技术领域的 ...
- 让IE6/IE7/IE8支持CSS3属性的脚本ie-css3.htc
IE6/7并不支持CSS3的属性,IE8也不能很好的支持CSS3.如何让IE 6/7/8支持border-radius (rounded),box-shadow ( shadow),text-shad ...
- 让ie6,ie7,ie8支持 css3 的部分属性实现全兼容
css3中的一些属性 圆角 阴影 或者渐变等简单,但是在ie678下面很常用的效果如果一直用图片做的话比价鸡肋. PIE: http://css3pie.com/ 论坛: https://gith ...
- ie8 html 语音标签,让IE8支持html5中的video标签
这是一篇综合几个前辈的解决方案. 使用video的时候,要遇到的问题. ①不兼容ie9及其以下版本 在 里添加两行, 参考张鑫旭前辈的博客,但是在ie8中薄播放. ②又要无休止的找ie8的解决方法,自 ...
- ie8 css占满剩余空间,让IE7 IE8支持CSS3 background-size属性
简介 CSS3 新增的 background-size 是一个很有用的属性,用于定义背景图片的尺寸,有了这个属性,你就可以任意指定背景图片的大小.其中最常用的值应该要数 cover 了,该值能让背景图 ...
- [转]完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. HTML5的新标签元素有: <header&g ...
- 完美解决header,footer等HTML5标签在IE(IE6/IE7/IE8)无效的方法
完美解决header,footer等HTML5标签在IE(IE6/IE7/IE8)无效的方法 参考文章: (1)完美解决header,footer等HTML5标签在IE(IE6/IE7/IE8)无效的 ...
最新文章
- linux文泉驿字体调用,使用文泉驿点阵字体解决Linux中文化问题
- 网站“TDK”中的“D”该如何优化内容?有什么作用?
- css transition兼容性,CSS3 Transition详解和使用
- Springboot搭建个人博客系列
- python编写正则表达式匹配单词_Python正则表达式匹配整个单词
- 程序随笔——C++实现的一个线程池
- 高并发环境下,6个构建缓存服务需要注意的问题
- 3dmax脚本_3DMax二种距离测量方法
- 流量 起伏大_广西崇左的德天跨国大瀑布,一半是中国一半是越南,天下奇观!...
- 有没有用逆向算法恢复马赛克的可能性?
- 如何在Android中获取当前时间和日期
- 你画我猜 计算机题目,你比我猜游戏爆笑词语(你画我猜题目大全500道)
- U盘文件突然变成html文件,U盘里面的文件跟文件夹突然乱码了怎么办
- python 读取地震道头数据_通过计算机编程快速读取地震数据的方法
- 没想到一个起点中文网都可以掀起这么大的波澜
- 用python如何制作表格_Python中用xlwt制作表格实例讲解
- python灰色关联度分析代码_GRA灰色关联度分析学习 附python代码
- tcp/ip协议的三次握手4次断开
- 做好社群营销的4点策略
- 全解 Google(谷歌)基础设施架构安全设计
热门文章
- vue-cli3使用cdn引入
- node --- 模块加载机制
- es6 --- 使用node的memoryUsage检测WeakMap()
- DOM-8 【兼容】冒泡捕获流、事件与事件源对象、事件委托
- ES5-17/18 错误信息、try_catch、严格模式
- [Node.js]get/post请求
- Linux配置 DNS and BIND服务配置详解--缓存服务器配置 正反向解析配置
- 设计前沿:25个设计师向您展示 iOS 7 界面
- halcon edges_sub_pix算子
- ISP 图像传感器camera原理