html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式

梨出没

梨出没

2016-02-19 12:35

今天图老师小编要跟大家分享html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!
如今HTML5愈来愈引发大家的关注了,但目前支持HTML5的浏览器还不是主流,特别是国内用户近50%以上仍旧使用IE6,由于支持HTML5的IE9不支持Xp系统安装,这样未来很长一段时间,HTML5的开发者将必须考虑向下兼容的问题。HTML5的标签或CSS选择器兼容性的做法有很多,其中自己生成标签元素就是一种。
基本原理参见如下代码在IE8中效果,样式根本没有起作用。

代码如下:

html
head
stylemxria{ color: red; }/style
/head
body
mxriaHello!/mxria
/body
/html


为了是浏览器识别mxria/mxria标签并显示对应样式的效果,我们可以如下增加一段js,看到效果就不同了

代码如下:

html
head
style mxria{ color: red; }/style
scriptdocument.createElement("mxria")/script
/head
body
mxriaHello!mxria.com/mxria
/body
/html

 
现在大家明白了其中的奥妙吧!对,就是document.createElement ,HTML5 shiv就是这样一个js插件,将所有HTML5的标签进行了重新生成,你需要加载该插件,那么HTML5程序就能被所有浏览器识别了。
展开更多 50%)
分享

猜你喜欢

html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式

Web开发
html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式

检测浏览器是否支持html5视频的代码

Web开发
检测浏览器是否支持html5视频的代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

HTML5视频支持检测(检查浏览器是否支持视频播放)

Web开发
HTML5视频支持检测(检查浏览器是否支持视频播放)

傲游浏览器3开始支持HTML5视频

浏览器
傲游浏览器3开始支持HTML5视频

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

HTML5 CSS3新的WEB标准和浏览器支持

Web开发
HTML5 CSS3新的WEB标准和浏览器支持

主流浏览器对于CSS3与HTML5支持情况

Web开发
主流浏览器对于CSS3与HTML5支持情况

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

HTML5 实现一个访问本地文件的实例

HTML5 实现一个访问本地文件的实例

Prototype1.4手册

Prototype1.4手册
下拉加载更多内容 ↓