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>
    <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>

转载于:https://www.cnblogs.com/Knowledge-is-infinite/p/10808118.html

html5shiv主要解决IE6-8 无法识别HTML5的新标签，父节点不能包裹子元素，以及应用CSS样式...相关推荐

浅谈HTML5+css3新标签和特性
HTML5新标签与特性什么是H5 H5并不是新的语言,而是html语言的第五次重大修改–版本支持:所有的主流浏览器都支持h5.(chrome,firefox,safari...).IE9及以上支持 ...
html5添加新标签,HTML5新添加的标签及用
HTML5和HTML其实是很类似的,但是有些内容有发生了改变,今天我学习了一下HTML5发现还是挺好学的,只需有html+css基础即可以,今天知识看了下新的标签. 一.定义文档类型在文件的开头总是 ...
使用HTML5的Canvas标签实现绘图板内拖拽元素
第一次在csdn发表文章,纯属试水之作.希望各位多多指教. 直奔主题吧.本人使用了一下HTML5的Canvas标签之后,挺好用的各种画线条,图案等.能实现对Canvas标签内的像素进行随意编辑.加上各 ...
html5 在新标签页打开,Chrome，Javascript，window。在新标签页中打开
小编典典您不能直接控制它,因为它是由Internet Explorer用户控制的选项. 使用Window.open使用不同的窗口名称打开页面将在新的浏览器窗口(如弹出窗口)中打开,或者在用户配置的浏 ...
html5中新增标签的兼容性如何设置,HTML5新标签的兼容性处理
普通浏览器普通不支持HTML5新标签的浏览器 -- 能正常解析,但会当初成 inline 元素对待在不支持HTML5新标签的浏览器里,会将这些新的标签解析成行内元素(inline)对待,所以我们只 ...
ie html5 支持相机,HTML5IE浏览器兼容问题以及图像元素
Internet Explorer 浏览器问题 Internet Explorer 8 及更早 IE 版本的浏览器不支持以上的方式. 我们可以使用 Sjoerd Visscher 创建的 " ...
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
第1章Html Html:超级文本标记语言(HyperText Markup Language),在浏览器上运行的一种标记语言. 就是给文本加上含有语义的标签. 接下来应该学习更多具体语义标签: 一. ...
HTML5 的一些新标签
IE 浏览器的版本小于 IE9 时将读取 html5.js 文件 <!--[if lt IE 9]> <script src="http://apps.bdimg.com/ ...
浅谈HTML5新标签的浏览器兼容问题
HTML5 现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功能的增加. ① 新特性: 1)绘画<canvas>. 有关canvas的介绍请见:http://blog.cs ...

html5shiv主要解决IE6-8 无法识别HTML5的新标签，父节点不能包裹子元素，以及应用CSS样式...

html5shiv主要解决IE6-8 无法识别HTML5的新标签，父节点不能包裹子元素，以及应用CSS样式...相关推荐

最新文章

热门文章