让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相关推荐

  1. 如何让IE6/IE7/IE8支持HTML5标签

    让IE(ie6/ie7/ie8)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个j ...

  2. calc ie支持_让IE6/IE7/IE8支持CSS3属性的8种方法介绍

    让IE6/IE7/IE8支持CSS3属性的8种方法介绍 发布时间:2013-09-23 10:43:06   作者:佚名   我要评论 IE浏览器暂不支持CSS3的一些属性.国外的工程师们,不安于此现 ...

  3. 让IE6/IE7/IE8支持CSS3的8种方法

    我们都知道,IE浏览器暂不支持CSS3的一些属性.国外的工程师们,不安于此现状,他们总是尽量使用一些手段使IE浏览器也能支持CSS3属性,我觉得这些都是很有意义,很有价值的工作,可以推动整个技术领域的 ...

  4. 让IE6/IE7/IE8支持CSS3属性的脚本ie-css3.htc

    IE6/7并不支持CSS3的属性,IE8也不能很好的支持CSS3.如何让IE 6/7/8支持border-radius (rounded),box-shadow ( shadow),text-shad ...

  5. 让ie6,ie7,ie8支持 css3 的部分属性实现全兼容

    css3中的一些属性 圆角 阴影 或者渐变等简单,但是在ie678下面很常用的效果如果一直用图片做的话比价鸡肋. PIE:   http://css3pie.com/ 论坛: https://gith ...

  6. ie8 html 语音标签,让IE8支持html5中的video标签

    这是一篇综合几个前辈的解决方案. 使用video的时候,要遇到的问题. ①不兼容ie9及其以下版本 在 里添加两行, 参考张鑫旭前辈的博客,但是在ie8中薄播放. ②又要无休止的找ie8的解决方法,自 ...

  7. ie8 css占满剩余空间,让IE7 IE8支持CSS3 background-size属性

    简介 CSS3 新增的 background-size 是一个很有用的属性,用于定义背景图片的尺寸,有了这个属性,你就可以任意指定背景图片的大小.其中最常用的值应该要数 cover 了,该值能让背景图 ...

  8. [转]完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

    HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. HTML5的新标签元素有: <header&g ...

  9. 完美解决header,footer等HTML5标签在IE(IE6/IE7/IE8)无效的方法

    完美解决header,footer等HTML5标签在IE(IE6/IE7/IE8)无效的方法 参考文章: (1)完美解决header,footer等HTML5标签在IE(IE6/IE7/IE8)无效的 ...

最新文章

  1. linux文泉驿字体调用,使用文泉驿点阵字体解决Linux中文化问题
  2. 网站“TDK”中的“D”该如何优化内容?有什么作用?
  3. css transition兼容性,CSS3 Transition详解和使用
  4. Springboot搭建个人博客系列
  5. python编写正则表达式匹配单词_Python正则表达式匹配整个单词
  6. 程序随笔——C++实现的一个线程池
  7. 高并发环境下,6个构建缓存服务需要注意的问题
  8. 3dmax脚本_3DMax二种距离测量方法
  9. 流量 起伏大_广西崇左的德天跨国大瀑布,一半是中国一半是越南,天下奇观!...
  10. 有没有用逆向算法恢复马赛克的可能性?
  11. 如何在Android中获取当前时间和日期
  12. 你画我猜 计算机题目,你比我猜游戏爆笑词语(你画我猜题目大全500道)
  13. U盘文件突然变成html文件,U盘里面的文件跟文件夹突然乱码了怎么办
  14. python 读取地震道头数据_通过计算机编程快速读取地震数据的方法
  15. 没想到一个起点中文网都可以掀起这么大的波澜
  16. 用python如何制作表格_Python中用xlwt制作表格实例讲解
  17. python灰色关联度分析代码_GRA灰色关联度分析学习 附python代码
  18. tcp/ip协议的三次握手4次断开
  19. 做好社群营销的4点策略
  20. 全解 Google(谷歌)基础设施架构安全设计

热门文章

  1. vue-cli3使用cdn引入
  2. node --- 模块加载机制
  3. es6 --- 使用node的memoryUsage检测WeakMap()
  4. DOM-8 【兼容】冒泡捕获流、事件与事件源对象、事件委托
  5. ES5-17/18 错误信息、try_catch、严格模式
  6. [Node.js]get/post请求
  7. Linux配置 DNS and BIND服务配置详解--缓存服务器配置 正反向解析配置
  8. 设计前沿:25个设计师向您展示 iOS 7 界面
  9. halcon edges_sub_pix算子
  10. ISP 图像传感器camera原理