您的位置：首页 > Web前端 > HTML5

如何让所有的浏览器支持html5标签

2015-04-18 22:10 471 查看
我找到的网上的解决方法是在head标签里加入html5shiv的谷歌引用，地址如下：

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

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

    不要忘了给这些自定义的标签添加block属性：　　

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

但是，网上给的这个链接方法在虚拟机上用ietester实验发现没有成功，也就是没能下载到这个js链接

所以，上面写的不成功，我决定把代码拿出来贴在head里或者自己本地写个html5.js，就像这样：

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<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(','),i=e.length;while(i--){document.createElement(e[i])}})()
</script>
<style>
/*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
section{color: red}
</style>
</head>
<body>
<section>试验下</section>
</body>
</html>

然后经过试验ietest各种版本都可以，红色代码主要是利用document.createElement为浏览器添加新的标签以及设置为block属性，查阅了下ppk的网站，document.createElement所有浏览器都支持，注意添加的位置


                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航