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混合模式mix-blend-mode/background-blend-mode简介
Mar 15 HTML / CSS
纯css3实现照片墙效果
Dec 26 HTML / CSS
CSS3中的Media Queries学习笔记
May 23 HTML / CSS
css3实现元素环绕中心点布局的方法示例
Jan 15 HTML / CSS
CSS实现进度条和订单进度条的示例
Nov 05 HTML / CSS
详解Html5微信支付爬坑之路
Jul 24 HTML / CSS
HTML5的结构和语义(3):语义性的块级元素
Oct 17 HTML / CSS
使用CSS实现弹性视频html5案例实践
Dec 26 HTML / CSS
HTML5之tabindex属性全面解析
Jul 07 HTML / CSS
html2canvas生成的图片偏移不完整的解决方法
May 19 HTML / CSS
Html5通过数据流方式播放视频的实现
Apr 27 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在字符串中查找另一个字符串
2008/11/19 PHP
PHP 金额数字转换成英文
2010/05/06 PHP
thinkPHP模板引擎用法示例
2016/12/08 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
2017/12/21 PHP
对于Laravel 5.5核心架构的深入理解
2018/02/22 PHP
jQuery 性能优化指南(2)
2009/05/21 Javascript
JavaScript 继承详解 第一篇
2009/08/30 Javascript
document.documentElement的一些使用技巧
2013/04/18 Javascript
JavaScript原型链示例分享
2014/01/26 Javascript
js 调用百度地图api并在地图上进行打点添加标注
2014/05/13 Javascript
基于javascript实现按圆形排列DIV元素(一)
2016/12/02 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
2016/12/30 Javascript
jQuery加载及解析XML文件的方法实例分析
2017/01/22 Javascript
Node.JS段点续传:Nginx配置文件分段下载功能的实现方法
2018/03/12 Javascript
移动端图片上传旋转、压缩问题的方法
2018/10/16 Javascript
微信小程序文字显示换行问题
2019/07/28 Javascript
a标签调用js的方法总结
2019/09/05 Javascript
vue+elementUI动态生成面包屑导航教程
2019/11/04 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
2020/09/18 Javascript
python中使用urllib2获取http请求状态码的代码例子
2014/07/07 Python
Python专用方法与迭代机制实例分析
2014/09/15 Python
在Python中编写数据库模块的教程
2015/04/29 Python
Python通过OpenCV的findContours获取轮廓并切割实例
2018/01/05 Python
python selenium 获取标签的属性值、内容、状态方法
2018/06/22 Python
Pycharm简单使用教程(入门小结)
2019/07/04 Python
基于Tensorflow一维卷积用法详解
2020/05/22 Python
HTML5不支持标签和新增标签详解
2016/06/27 HTML / CSS
研究生自我鉴定范文
2013/10/30 职场文书
四查四看自我剖析材料
2014/09/19 职场文书
后进基层党组织整改方案
2014/10/25 职场文书
2015年学生会干事工作总结
2015/04/09 职场文书
聘用合同范本
2015/09/21 职场文书
幼儿园教师暑期培训心得体会
2016/01/09 职场文书
技术转让协议书
2016/03/19 职场文书
领导激励员工的演讲稿,各种会上用得到,建议收藏
2019/08/13 职场文书
Go归并排序算法的实现方法
2022/04/06 Golang