当前位置:
首页 / 资讯 / 技术文章

老式浏览器如何兼容HTML5

2018-04-21深圳网站建设公司网联科技发布者:平台标签:


HTML5
受到游戏行业的热捧,也被广泛的运用到了手机端以及pc端网站的开发中,HTML5在目前还是相对较新的前端开发技术,因此对于一些老版本的浏览器,特别是IE浏览器存在不少的兼容性问题,那么针对一些比较老的浏览器兼容性问题该如何解决?

怎样让老式浏览器支持HTML5?

1.      解决IE浏览器的兼容性问题:

第一种方法:使用Googlehtml5shiv

在代码中插入html5.js文件,如下图所示,将引入html5.js的代码插入head标签中,注意一定是在head标签引入,使得ie在解析前读取这个文件。

<head>

<!--[if IE]>  

<scriptsrc=”<a rel="nofollow" href="http://html5shiv.googlecode.com/svn/trunk/html5.js?7.1.27" target="_blank">http://html5shiv.googlecode.com/svn/trunk/html5.js</a>”></script>

<![endif]-->

</head>

 

2.      Coding JavaScript

<!--[if ltIE9]>   

<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(', ');  

     var i=e.length;  

     while (i--){  

         document.Element(e[i])  

     }   

})()   

</script>  

<![endif]-->

但是不管使用以上哪种方法,都要初始化新标签的CSS.因为HTML5在默认情况下表现为内联元素,对这些元素进行布局我们需要利用CSS手工把它们转为块状元素方便布局。

/*html5*/ 

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

以上内容来自深圳网站建设公司网联科技,希望能够帮您解决 HTML5的兼容性问题。

了解更多网站建设知识

扫二维码与项目经理沟通

我们在微信上24小时期待您的声音

解答:网站建设、APP开发、小程序开发

网联科技是一家以提供网站建设、APP、小程序开发、CRM系统开发为主的互联网开发公司。以客户需求为导向,客户利益为出发点,结合自身设计及专业建站优势,为客户提供从基础建设到营销推广的一整套解决方案,探索并实现客户商业价值较大化,为所有谋求发展的企业贡献全部力量。

网联科技微信公众号

相关信息