HTML&CSS_HTML5 Shiv 旧浏览器兼容HTML5标签

转载 2016年08月30日 16:10:05

HTML5能为我们做的事儿很多,最为可口的就是语义化标签的应用,如果你已经在Chrome或者其他支持HTML5的浏览器上用过它的牛x,那这篇文章对你一定有用,因为现在你也可以在IE上用到HTML5。

好吧!大前端今天的主题是:HTML5 Shiv

下面是引用Google的html5.js文件,好处就不说了:

<!--[if IE]>
<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>
< ![endif]-->

将上代码复制到head部分,记住一定要是head部分(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在其他位置调用,否则失效)

当然,你也可以把代码拿出来自己看着办:

(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])}})()

最后在css里面加上这段:

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

主要是让这些html5标签成块状,像div那样。

好了,简单吧,一句话概括就是:引用html5.js  使html5标签成块状

转载自 大前端

理解和使用html5shiv

html5shiv使得传统浏览器支持部分HTML5元素并提供相应的基本样式。传统浏览器,即主流浏览器的低版本,包括IE6-9、Safari4.x和Firefox 3.x等。...
  • SuperVsky
  • SuperVsky
  • 2016年08月08日 17:47
  • 4868

浅谈HTML5新标签的浏览器兼容问题

HTML5 现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功能的增加 ① 新特性: 1)绘画 2)用于媒介回放的和 3)本地离线存储长期存储数据,浏览器关闭后数据不丢失 4)的数...
  • zhouziyu2011
  • zhouziyu2011
  • 2017年02月28日 11:37
  • 2411

html5shiv.js分析

首先,我们先了解一下html5shiv.js是什么。 html5shiv.js是一套实现让ie低版本等浏览器支持html5标签的解决方案。 实现原理:见如何让ie低版本浏览器支持html5...
  • huangyibin628
  • huangyibin628
  • 2014年06月10日 23:05
  • 4179

html5有哪些新特性?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?

(Q1)  HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加。 (1)绘画 canvas; (2)用于媒介回放的 video 和 audio 元素; ...
  • palette_
  • palette_
  • 2017年05月02日 21:10
  • 950

HTML5浏览器兼容性解决方案

目前大部分浏览器均支持HTML5。低版本浏览器支持HTML5所有浏览器 ,对无法识别的元素会作为内联元素自动处理。因此可以采用如下方法教会浏览器 处理 “未知” 的 HTML 元素。将 HTML5 元...
  • anda0109
  • anda0109
  • 2016年06月18日 14:03
  • 2189

html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和HTML5?

html5有哪些新特性,移除了那些元素?如何处理html5新标签的浏览器兼容问题 article;IE7/。 2,还新增了以下的几大类元素,利用这一特性让这些浏览器支持HTML5新标签,tt、hea...
  • ermao_zbp
  • ermao_zbp
  • 2017年11月16日 14:04
  • 225

HTML5 Shiv – 让IE支持HTML5的新标签

将上代码复制到head部分,记住一定要是head部分(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在其他位置调用,否则失效) 当然,你也可以把代码拿出来自己看着办: (funct...
  • I_am_listen
  • I_am_listen
  • 2016年09月21日 10:32
  • 166

浏览器兼容标签

box{ color:red; ⁄* 所有浏览器都支持 *⁄ color:red !important; ⁄* Firefox、IE7支持 *⁄ _color:red; ⁄* IE6...
  • qq_17392301
  • qq_17392301
  • 2015年07月17日 23:42
  • 142

HTML5 Shiv – 让IE系列支持HTML5

HTML5能为我们做的事儿很多,最为可口的就是语义化标签的应用,如果你已经在Chrome或者其他支持HTML5的浏览器上用过它的牛x,那这篇文章对你一定有用,因为现在你也可以在IE上用到HTML5。 ...
  • qq380107165
  • qq380107165
  • 2013年02月19日 16:25
  • 429

让不支持HTML5的老浏览器 “兼容”HTML5

为了能让那些陈旧的浏览器显示HTML5效果 我们需要做的是: 1、CSS属性 变成块元素 header, section, footer, aside, nav, main, ...
  • gelivable007
  • gelivable007
  • 2015年10月20日 14:53
  • 377
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML&CSS_HTML5 Shiv 旧浏览器兼容HTML5标签
举报原因:
原因补充:

(最多只允许输入30个字)