做网站知识

NEWS

做网站知识

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

新闻资讯 发布时间2018.6.19.浏览数：911

【怎样让老式浏览器支持HTML5?】 1.      解决IE浏览器的兼容性问题： 第一种方法：使用Google的html5shiv包 在代码中插入html5.js文件，如下图所示,将引入html5.js的代码插入head标签中，注意一定是在head标签引入......东莞做网站公司www.3goweb.com.cn三行网络为您详细介绍 - 请往下阅读》

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

怎样让老式浏览器支持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?》

【关键词标签】东莞做网站公司    怎样让老式浏览器支持HTML5?    东莞工厂企业独立站制作    谷歌外贸英文网站建设    中英文、多语言、小语种网站推广

15989229398（微信咨询）

专业做网站 · ￥明码实价！


匠心打造精品，用心成就经典！携手客户共创双赢！
© Copyright 广州三行网络科技有限公司
粤ICP备案号：09210325

首页
电话
微信
联系