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制作文字半透明倒影效果的两种实现方式
Aug 08 HTML / CSS
详解CSS3 Media Queries中媒体属性的使用
Feb 29 HTML / CSS
CSS3制作圆角图片和椭圆形图片
Jul 08 HTML / CSS
浅析CSS3 用text-overflow解决文字排版问题
Oct 28 HTML / CSS
详解css3中的伪类before和after常见用法
Nov 17 HTML / CSS
css 如何让背景图片拉伸填充避免重复显示
Jul 11 HTML / CSS
HTMl5的存储方式sessionStorage和localStorage详解
Mar 18 HTML / CSS
HTML5新增的表单元素和属性实例解析
Jul 07 HTML / CSS
极简的HTML5模版
Jul 09 HTML / CSS
HTML5拍照和摄像机功能实战详解
Jan 24 HTML / CSS
HTML5 3D旋转相册的实现示例
Dec 03 HTML / CSS
HTML+CSS+JS实现图片的瀑布流布局的示例代码
Apr 22 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
一个目录遍历函数
2006/10/09 PHP
PHP 最大运行时间 max_execution_time修改方法
2010/03/08 PHP
php include和require的区别深入解析
2013/06/17 PHP
php版微信js-sdk支付接口类用法示例
2016/10/12 PHP
PHP 多任务秒级定时器的实现方法
2018/05/13 PHP
PHP删除数组中特定元素的两种方法
2019/02/28 PHP
JavaScript入门教程(10) 认识其他对象
2009/01/31 Javascript
xml 封装与解析(javascript和C#中)
2009/07/26 Javascript
通用javascript代码判断版本号是否在版本范围之间
2015/11/29 Javascript
在页面中引入js的两种方法(推荐)
2017/08/29 Javascript
vue操作下拉选择器获取选择的数据的id方法
2018/08/24 Javascript
手把手教你写一个微信小程序(推荐)
2018/10/17 Javascript
nodejs实现获取本地文件夹下图片信息功能示例
2019/06/22 NodeJs
在react中使用vue的状态管理的方法示例
2020/05/02 Javascript
关于Node.js中频繁修改代码重启服务器的问题
2020/10/15 Javascript
[04:48]DOTA2上海特锦赛小组赛第三日 TOP10精彩集锦
2016/02/28 DOTA
[46:14]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python通过伪装头部数据抵抗反爬虫的实例
2018/05/07 Python
如何运行带参数的python脚本
2019/11/15 Python
Python笔记之工厂模式
2019/11/20 Python
Python2 与Python3的版本区别实例分析
2020/03/30 Python
手把手教你配置JupyterLab 环境的实现
2021/02/02 Python
pytorch __init__、forward与__call__的用法小结
2021/02/27 Python
详解基于canvas的视频遮罩插件
2018/01/04 HTML / CSS
美国知名男士服饰品牌:Brooks Brothers(布克兄弟)
2016/08/25 全球购物
加拿大健康、婴儿和美容产品在线购物:Well.ca
2016/11/30 全球购物
购买200个世界上最好的内衣品牌:Bare Necessities
2017/02/11 全球购物
英国在线女鞋目的地:SIMMI
2018/12/27 全球购物
美国儿童珠宝在线零售商:Loveivy
2019/05/22 全球购物
毕业生的自我鉴定该怎么写
2013/12/02 职场文书
平面设计岗位职责
2013/12/14 职场文书
幼儿园老师寄语
2014/04/03 职场文书
竞争与合作演讲稿
2014/05/12 职场文书
暑期学习心得体会
2014/09/02 职场文书
Redis基本数据类型哈希Hash常用操作命令
2022/06/01 Redis
彻底卸载VMware虚拟机的超详细步骤记录
2022/07/15 Servers