老式浏览器如何兼容HTML5
时间：2018-04-21 16:46:54 查看次数：1448 发布者：深圳网站建设公司网联科技
HTML5受到游戏行业的热捧，也被广泛的运用到了手机端以及pc端网站的开发中，HTML5在目前还是相对较新的前端开发技术，因此对于一些老版本的浏览器，特别是IE浏览器存在不少的兼容性问题，那么针对一些比较老的浏览器兼容性问题该如何解决？
怎样让老式浏览器支持HTML5?
1. 解决IE浏览器的兼容性问题：
第一种方法：使用Google的html5shiv包
在代码中插入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的兼容性问题。
了解更多网站建设知识
文章来自网联科技原创，转载请注明：http://old.ni8.com/index.php/about/show_866.html
网站建设知识
- 手机网站制作的重要性
2018-11-05 - 商城网站建设需要注意哪些
2018-10-22 - 深圳做网站公司--------首选网联科技
2018-09-30 - 2018年最值得学习的前端技术
2018-09-25 - 为什么做网站必须选择做响应式网站
2017-08-26 - 深圳网站建设哪家好
2017-08-04
咨询
电话：0755-83658105
QQ：
邮箱：web@ni8.com
网联新闻
MORE- 网联科技2018年员工聚餐2018-08-21
- 网联科技温泉漂流2日游2018-08-13
- 网联科技2018年员工夏季生日会2018-07-19
- 红树林-深圳湾海边徒步活动2018-04-10
- 网联科技2018年春节放假通知2018-02-06
- 一场属于网联人的活动日2017-03-14
