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


Posted in HTML / CSS onDecember 07, 2012

如今HTML5愈来愈引发大家的关注了,但目前支持HTML5的浏览器还不是主流,特别是国内用户近50%以上仍旧使用IE6,由于支持HTML5的IE9不支持Xp系统安装,这样未来很长一段时间,HTML5的开发者将必须考虑向下兼容的问题。HTML5的标签或CSS选择器兼容性的做法有很多,其中自己生成标签元素就是一种。
基本原理参见如下代码在IE8中效果,样式根本没有起作用。

复制代码
代码如下:

<html>
<head>
<style>mxria{ color: red; }</style>
</head>
<body>
<mxria>Hello!</mxria>
</body>
</html>

html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式
为了是浏览器识别<mxria></mxria>标签并显示对应样式的效果,我们可以如下增加一段js,看到效果就不同了
复制代码
代码如下:

<html>
<head>
<style> mxria{ color: red; }</style>
<script>document.createElement("mxria")</script>
</head>
<body>
<mxria>Hello!mxria.com</mxria>
</body>
</html>

html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式 
现在大家明白了其中的奥妙吧!对,就是document.createElement ,HTML5 shiv就是这样一个js插件,将所有HTML5的标签进行了重新生成,你需要加载该插件,那么HTML5程序就能被所有浏览器识别了。
HTML / CSS 相关文章推荐
CSS3实现精美横向滚动菜单按钮
Apr 14 HTML / CSS
深入CSS3 动画效果的总结详解
May 09 HTML / CSS
CSS3 按钮边框动画的实现
Nov 12 HTML / CSS
html5 sessionStorage会话存储_动力节点Java学院整理
Jul 06 HTML / CSS
HTML5 语义化结构化规范化
Oct 17 HTML / CSS
html5 拖拽上传图片实例演示
Apr 01 HTML / CSS
Html5插件教程之添加浏览器放大镜效果的商品橱窗
Jan 07 HTML / CSS
使用HTML5 Canvas为图片填充颜色和纹理的教程
Mar 21 HTML / CSS
详解如何用HTML5 Canvas API控制图片的缩放变换
Mar 22 HTML / CSS
利用 Canvas实现绘画一个未闭合的带进度条的圆环
Jul 26 HTML / CSS
HTML5页面无缝闪开的问题及解决方案
Jun 11 HTML / CSS
HTML中实现音乐或视频自动播放案例详解
May 30 HTML / CSS
html5-websocket基于远程方法调用的数据交互实现
Dec 04 #HTML / CSS
HTML5 Canvas像素处理使用接口介绍
Dec 02 #HTML / CSS
html5 桌面提醒:Notifycations应用介绍
Nov 27 #HTML / CSS
html5 canvas 画图教程案例分析
Nov 23 #HTML / CSS
使用css3 属性如何丰富图片样式(圆角 阴影 渐变)
Nov 22 #HTML / CSS
input file上传文件样式支持html5的浏览器解决方案
Nov 14 #HTML / CSS
免费获得微软MCSD证书赶快行动吧!
Nov 13 #HTML / CSS
You might like
Thinkphp框架开发移动端接口(2)
2016/08/18 PHP
YII框架批量插入数据的方法
2017/03/18 PHP
js 屏蔽鼠标右键脚本附破解方法
2009/12/03 Javascript
奉献给JavaScript初学者的编写开发的七个细节
2011/01/11 Javascript
利用jq让你的div居中的好方法分享
2013/11/21 Javascript
javascript常见用法总结
2014/05/22 Javascript
jQuery实现隔行背景色变色
2014/11/24 Javascript
JavaScript中的getDay()方法使用详解
2015/06/09 Javascript
javascript的 {} 语句块详解
2016/02/27 Javascript
简单实现IONIC购物车功能
2017/01/10 Javascript
Javascript中for循环语句的几种写法总结对比
2017/01/23 Javascript
jquery实现图片平滑滚动详解
2017/03/22 jQuery
深入理解nodejs中Express的中间件
2017/05/19 NodeJs
js封装成插件的步骤方法
2017/09/11 Javascript
JS实现点击循环切换显示内容的方法
2017/10/19 Javascript
原生js实现移动端触摸轮播的示例代码
2017/12/22 Javascript
nuxt.js 缓存实践
2018/06/25 Javascript
nodejs 十六进制字符串型数据与btye型数据相互转换
2018/07/30 NodeJs
对VUE中的对象添加属性
2018/09/18 Javascript
玩转vue的slot内容分发
2018/09/22 Javascript
微信小程序用户授权,以及判断登录是否过期的方法
2019/05/10 Javascript
vue+element项目中过滤输入框特殊字符小结
2019/08/07 Javascript
JS/CSS实现字符串单词首字母大写功能
2019/09/03 Javascript
在pycharm中开发vue的方法步骤
2020/03/04 Javascript
在vue中使用eslint,配合vscode的操作
2020/11/09 Javascript
[01:02]DOTA2上海特锦赛SHOWOPEN
2016/03/25 DOTA
python实现登陆知乎获得个人收藏并保存为word文件
2015/03/16 Python
Django框架之DRF 基于mixins来封装的视图详解
2019/07/23 Python
Python Lambda函数使用总结详解
2019/12/11 Python
tensorflow/core/platform/cpu_feature_guard.cc:140] Your CPU supports instructions that this T
2020/06/22 Python
详解pyqt5的UI中嵌入matplotlib图形并实时刷新(挖坑和填坑)
2020/08/07 Python
应届生煤化工求职信
2013/10/21 职场文书
个人总结与自我评价
2014/09/18 职场文书
给老师的保证书怎么写
2015/05/09 职场文书
Apache Linkis 中间件架构及快速安装步骤
2022/03/16 Servers
Win10防火墙白名单怎么设置?Win10添加防火墙白名单方法
2022/04/06 数码科技