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中的border-radius(边框圆角)示例代码
Jul 19 HTML / CSS
CSS3实现多背景展示效果通过CSS3定位多张背景
Aug 10 HTML / CSS
CSS3实现各种图形的示例代码
Oct 19 HTML / CSS
纯CSS3实现漂亮的input输入框动画样式库(Text input love)
Dec 29 HTML / CSS
详解Html5微信支付爬坑之路
Jul 24 HTML / CSS
利用HTML5画出一个坦克的形状具体实现代码
Jun 20 HTML / CSS
HTML5标签与HTML4标签的区别示例介绍
Jul 18 HTML / CSS
html5实现微信打飞机游戏
Mar 27 HTML / CSS
HTML5中原生的右键菜单创建方法
Jun 28 HTML / CSS
Html5原创俄罗斯方块(基于canvas)
Jan 07 HTML / CSS
canvas 基础之图像处理的使用
Apr 10 HTML / CSS
AmazeUI的下载配置与Helloworld的实现
Aug 19 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
实现 win2003 下 mysql 数据库每天自动备份
2006/12/06 PHP
10个实用的PHP代码片段
2011/09/02 PHP
解析phpstorm + xdebug 远程断点调试
2013/06/20 PHP
php常用字符串比较函数实例汇总
2014/11/24 PHP
PHP浮点数精度问题汇总
2015/05/13 PHP
php执行多个存储过程的方法【基于thinkPHP】
2016/11/08 PHP
Javascript 继承机制实例
2009/08/12 Javascript
Extjs列表详细信息窗口新建后自动加载解决方法
2010/04/02 Javascript
jquery实用代码片段集合
2010/08/12 Javascript
js中获取事件对象的方法小结
2011/03/13 Javascript
实现点击列表弹出列表索引的两种方式
2013/03/08 Javascript
关于jQuery参考实例 1.0 jQuery的哲学
2013/04/07 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
2016/09/23 Javascript
JavaScript队列的应用实例详解【经典数据结构】
2017/04/12 Javascript
jquery中done和then的区别(详解)
2017/12/19 jQuery
Angular 项目实现国际化的方法
2018/01/08 Javascript
微信小程序三级联动选择器使用方法
2020/05/19 Javascript
jQuery实现的老虎机跑动效果示例
2018/12/29 jQuery
Vue实现随机验证码功能
2020/12/29 Vue.js
[01:00:49]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第二场 1月31日
2021/03/11 DOTA
Python sys.path详细介绍
2013/10/17 Python
利用Python脚本生成sitemap.xml的实现方法
2017/01/31 Python
python解析多层json操作示例
2019/12/30 Python
Python实现大数据收集至excel的思路详解
2020/01/03 Python
win10下opencv-python特定版本手动安装与pip自动安装教程
2020/03/05 Python
Python手动或自动协程操作方法解析
2020/06/22 Python
六种酷炫Python运行进度条效果的实现代码
2020/07/17 Python
实例讲解CSS3中的border-radius属性
2015/08/18 HTML / CSS
使用html5实现表格实现标题合并的实例代码
2019/05/13 HTML / CSS
VICHY薇姿美国官方网站:欧洲药房第一的抗衰老品牌
2017/11/22 全球购物
美国办公用品折扣网站:Shoplet.com
2019/11/24 全球购物
绩效工资实施方案
2014/03/15 职场文书
2014年行政执法工作总结
2014/12/11 职场文书
高中班主任心得体会
2016/01/07 职场文书
Idea连接MySQL数据库出现中文乱码的问题
2021/04/14 MySQL
提高系统的吞吐量解决数据库重复写入问题
2022/04/23 MySQL