星空网 > 软件开发 > 网页设计

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

         我找到的网上的解决方法是在head标签里加入html5shiv的谷歌引用,地址如下:

<!--[if IE]> <script src='/images/loading.gif' data-original=”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所有浏览器都支持,注意添加的位置




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

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

还在为跨境支付发愁?12大创新移动支付应用程序来啦!:https://www.ikjzd.com/articles/808
注意!亚马逊已“取消邮件轰炸跟卖者”这一功能吗?:https://www.ikjzd.com/articles/8089
亚马逊与ebay选哪个?:https://www.ikjzd.com/articles/8090
一群供应商聚集云集品公司门前齐喊“还钱”,云集品公司跑路?:https://www.ikjzd.com/articles/8093
收藏!2018年万圣节备货清单:https://www.ikjzd.com/articles/8094
日本站旺季动作时间规划——来自Amazon官方的建议:https://www.ikjzd.com/articles/8095
如何从抖音上多挣钱?记住这12个字 :https://www.kjdsnews.com/a/1836445.html
连麦专家:2024年到底如何做小红书? :https://www.kjdsnews.com/a/1836446.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流