关注前端开发
关注用户体验

HTML5 Shiv – 让该死的IE系列支持HTML5吧

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标签成块状

赞(9)
未经允许不得转载:大前端 » HTML5 Shiv – 让该死的IE系列支持HTML5吧
分享到: 更多 (0)

评论 12

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #11

    Aw, this was a very good post. Taking the time and actual effort to create a very good article… but what can I say… I procrastinate a whole lot and don’t seem to get anything done.

    DMC53周前 (03-31)回复
  2. #10

    You made some first rate factors there. I looked on the web for the problem and found most individuals will associate with along with your website.

  3. #9

    I am just commenting to let you know what a perfect discovery my cousin’s child obtained going through your web page. She noticed a good number of pieces, which included what it is like to have a marvelous helping heart to make other people completely have an understanding of some complicated things. You truly did more than people’s expected results. Thanks for providing those powerful, trustworthy, revealing and also unique guidance on this topic to Jane.

    Lavern Lindman1个月前 (03-11)回复
  4. #8

    这个似乎不能用吧?楼主测试过吗?

    逍涯5年前 (2013-12-06)回复
  5. #7

    嗯.这个不错

    wuxiaolan916年前 (2013-07-29)回复
  6. #6

    直接点,有没有例子啊

    多少7年前 (2012-04-15)回复
  7. #5

    ❓ IE下面不能用样式控制新加的HTML5标签。

    bluesea7年前 (2011-12-27)回复
  8. #4

    代码展示部分强制换下行啊,“当然,你也可以把代码拿出来自己看着办:”下面的代码都看不完整啊

    Tmenglang7年前 (2011-12-21)回复
  9. #3

    这个才叫有用啊!! 😛

    鬼勼7年前 (2011-12-03)回复
  10. #2

    今天逛了一天了,学了很多的东西,呵呵,谢谢分享。。 😀

    么么小姐7年前 (2011-11-30)回复
  11. #1

    咋就没有点原创的文章呢 除了业界新闻和聚合类的 还大部分都是看过的

    wfb9278年前 (2011-01-18)回复
    • 大前端更注重分享,不是所有人都如大侠那么博学,哈哈

      浩子8年前 (2011-01-18)回复

themebetter 国内更好的WordPress主题服务商

立即前往