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

html5标签兼容低版本浏览器

随着html5(后面用h5代表)标签越来越广泛的使用,IE不识别h5标签的问题让人很是烦恼。

在火狐和chrome之类的浏览器中,遇到不认识的标签,只要给个display:block属性,就能让这个元素成为一个类似div的元素,但是到IE上就很恶心了,它不认识就是不认识,你在html和css里添加什么它都不理你。

没什么什么问题是万能的程序猿解决不了的,其实要让IE识别一个自定义的标签(IE认为h5的标签是陌生的,不合法的),只要加一行JS代码就行了:

document.createElement("这里写标签名");

  这条语句可以理解为:我要创建一个新标签,IE你别再说你不认识了!

很简单不是吗?但是h5的标签有很多,手工一个个创建耗时不说,还可能写错或者漏掉,到时候出了BUG又是无从下手了,所以,在这里推荐两款专门为了h5标签兼容IE所开发的插件,你只需要引入它,不需要做多余的事:

  1. Bsie(鄙视IE),这个名字很有趣,其实看完它的源码后会发现,它就是帮我们把所有的h5标签都创建了一遍,免去了我们手工创建的时间。
  2.  html5shiv:和上面的插件功能一样,感觉身边的朋友用这个的比较多,自己做项目的时候也是用的这个,看完它的源码会发现一个小细节,它会帮我们把不是h5标签里的自定义标签也创建一次,这意味着我们在创建一个自定义标签的时候,不用考虑这个标签会不会生效了,真是贴体入微。

  下面附上以上两款插件的Github地址:

  Bsie——Github链接

  html5shiv——Github链接

 


  如果觉得这篇文章能给你带来帮助,请进入我的Github点个星星,(づ ̄ 3 ̄)づ么么哒。

 




原标题:html5标签兼容低版本浏览器

关键词:HTML

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

tiktok色板下载:https://www.goluckyvip.com/tag/81183.html
tiktok成年人:https://www.goluckyvip.com/tag/81184.html
国内怎么用tiktok:https://www.goluckyvip.com/tag/81186.html
tiktok国际版下载官网:https://www.goluckyvip.com/tag/81187.html
tiktok国际版下载安卓:https://www.goluckyvip.com/tag/81188.html
tiktok 官网:https://www.goluckyvip.com/tag/81189.html
独家丨B站广告位可跳转美团APP B站为电商平台引流再升级 :https://www.kjdsnews.com/a/1836410.html
百崖大峡谷生态旅游景区(探秘中国西南自然风光):https://www.vstour.cn/a/363176.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流