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代码实现switch滑动开关按钮效果
Aug 30 HTML / CSS
css3动画效果抖动解决方法
Sep 03 HTML / CSS
css3教程之倾斜页面
Jan 27 HTML / CSS
css3 线性渐变和径向渐变示例附图
Apr 08 HTML / CSS
纯CSS3实现圆角效果(含IE兼容解决方法)
May 07 HTML / CSS
使用CSS禁止textarea调整大小功能的方法
Mar 13 HTML / CSS
关于box-sizing的全面理解
Jul 28 HTML / CSS
canvas 如何绘制线段的实现方法
Jul 12 HTML / CSS
Canvas系列之滤镜效果
Feb 12 HTML / CSS
详解通过focusout事件解决IOS键盘收起时界面不归位的问题
Jul 18 HTML / CSS
使用canvas实现雪花飘动效果的示例代码
Mar 30 HTML / CSS
css3新特性的应用示例分析
Mar 16 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
繁体中文转换为简体中文的PHP函数
2006/10/09 PHP
php打包网站并在线压缩为zip
2016/02/13 PHP
PHP array_shift()用法实例分析
2019/01/07 PHP
一个用js实现的页内搜索代码
2007/05/23 Javascript
jqPlot Option配置对象详解
2009/07/25 Javascript
15 个 JavaScript Web UI 库
2010/05/19 Javascript
jquery click([data],fn)使用方法实例介绍
2013/07/08 Javascript
js冒泡法和数组转换成字符串示例代码
2013/08/14 Javascript
js处理自己不能定义二维数组的方法详解
2014/03/03 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
2014/04/20 Javascript
jQuery源码解读之removeAttr()方法分析
2015/02/20 Javascript
JQuery中基础过滤选择器用法实例分析
2015/05/18 Javascript
让JavaScript中setTimeout支持链式操作的方法
2015/06/19 Javascript
JavaScript 模块的循环加载实现方法
2015/12/13 Javascript
javascript的正则匹配方法学习
2016/02/24 Javascript
Javascript实现倒计时(防页面刷新)实例
2016/12/13 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
2017/03/02 Javascript
基于javaScript的this指向总结
2017/07/22 Javascript
Angular2的管道Pipe的使用方法
2017/11/07 Javascript
JavaScript装箱及拆箱boxing及unBoxing用法解析
2020/06/15 Javascript
TypeScript魔法堂之枚举的超实用手册
2020/10/29 Javascript
Python引用类型和值类型的区别与使用解析
2017/10/17 Python
Numpy中矩阵matrix读取一列的方法及数组和矩阵的相互转换实例
2018/07/02 Python
Python学习笔记之抓取某只基金历史净值数据实战案例
2019/06/03 Python
Python中函数参数匹配模型详解
2019/06/09 Python
Python flask框架端口失效解决方案
2020/06/04 Python
FC-Moto美国:欧洲最大的摩托车服装和头盔商店之一
2019/08/24 全球购物
一套SQL笔试题
2016/08/14 面试题
党员2014两会学习心得体会
2014/03/17 职场文书
违章停车检讨书
2014/10/21 职场文书
2014年学校食堂工作总结
2014/11/25 职场文书
2014大学生学生会工作总结
2014/12/19 职场文书
校运会加油稿大全
2015/07/22 职场文书
利用Pycharm连接服务器的全过程记录
2021/07/01 Python
JavaScript展开运算符和剩余运算符的区别详解
2022/02/18 Javascript
vue3使用vuedraggable实现拖拽功能
2022/04/06 Vue.js