zoukankan      html  css  js  c++  java
  • html5shiv主要解决IE6-8 无法识别HTML5的新标签,父节点不能包裹子元素,以及应用CSS样式

    html5shive
    html5shiv主要IE6-8解决:
    1,HTML5提出的新的元素不被IE6-8识别。
    2,这些新元素不能作为父节点包裹子元素,
    3,并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>HTML5shiv,用来处理H5中的新元素不被IE6-IE8识别</title>
        <script src="js/domready.js"></script><!--这个必须引入,在搜狗输入法输入domready-->
        <style>
            #ul{
                font-size: 40px;
                color: #f00;
            }
        </style>
        <script>/*只要使用该段代码即可解决以上问题*/
            /*该函数只在该作用域内执行,不污染window环境*/
            (function(){
                //IE鲜为人知的条件编译,只有IE会执行其他浏览器不会执行。
                // IE浏览器/*@cc_on!@*/ 会读取到条件编译语句中的 ! 号,!!0=false。
                // 其他浏览器只能读取到 !0=true
                if(!
                    /*@cc_on!@*/
                0) return;
        
                //使用split(",")把该字符串使用逗号分隔成一个数组。
                var e="abbr,article,aside,audio,canvase,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>
    </head>
    <body>
        <article id="ul">
            You are my sunshine!
        </article>
    </body>
    </html>

  • 相关阅读:
    hdu 5646 DZY Loves Partition
    bzoj 1001 狼抓兔子 平面图最小割
    poj 1815 Friendship 最小割 拆点 输出字典序
    spoj 1693 Coconuts 最小割 二者取其一式
    hdu 5643 King's Game 约瑟夫环变形
    约瑟夫环问题
    hdu 5642 King's Order
    CodeForces 631C Report
    1039: C语言程序设计教程(第三版)课后习题9.4
    1043: C语言程序设计教程(第三版)课后习题10.1
  • 原文地址:https://www.cnblogs.com/Knowledge-is-infinite/p/10808118.html
Copyright © 2011-2022 走看看