如今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>



为了是浏览器识别<mxria></mxria>标签并显示对应样式的效果，我们可以如下增加一段js，看到效果就不同了


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


</head>
<body>
<mxria>Hello!mxria.com</mxria>
</body>
</html>







现在大家明白了其中的奥妙吧！对，就是document.createElement ，HTML5 shiv就是这样一个js插件，将所有HTML5的标签进行了重新生成，你需要加载该插件，那么HTML5程序就能被所有浏览器识别了。




下载地址：http://html5shim.googlecode.com/svn/trunk/html5.js
												


											
让所有的浏览器都能识别HTML5标签样式的小插件的更多相关文章
	

    
								
  1. HTML5网页如何让所有的浏览器都能识别语义元素标签样式
		
    浏览器对语义元素的支持情况 如今HTML5愈来愈引发大家的关注了,但目前支持HTML5的浏览器还不是主流,特别是国内用户近50%以上仍旧使用IE6,由于支持HTML5的IE9不支持Xp系统安装,这样未 ...
    
		
    2. 
						
  2. 在IE6/7/8下识别html5标签
		
    识别html5标签: html5添加了许多语义化的标签,比如<nav></nav>,<aside></aside>,<article>< ...
    
		
    3. 
						
  3. 在iOS微信浏览器中自动播放HTML5 audio(音乐)的2种正确方式
		
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    4. 
						
  4. 为什么每个浏览器都有Mozilla字样？
		
    你是否好奇标识浏览器身份的)”,于是IE可以收到含有框架的页面了,所有微软的人都嗨皮了,但是网站管理员开始晕了. 因为微软将IE和Windows捆绑销售,并且把IE做得比Netscape更好,于是第一 ...
    
		
    5. 
						
  5. 解决：Eclipse导入工程后全是错误，连基本类型都不识别
		
    当初在大学没时间完成作业时,总是喜欢网上搜一个或者拷贝同学的一个工程过来,导入到Eclipse中却全是红叉,连基本类型都不识别. 当时就纳闷了,难道是天要亡我之心不死?后来慢慢了解了,其实是导入的工程 ...
    
		
    6. 
						
  6. 为什么每个浏览器都有Mozilla
		
    你是否好奇标识浏览器身份的User-Agent,为什么每个浏览器都有Mozilla字样? Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36  ...
    
		
    7. 
						
  7. 每次用 selenium 操作浏览器都还原了 (比如没有浏览器历史记录)
		
    每次用 selenium 操作浏览器都还原了 (比如没有浏览器历史记录)
    
		
    8. 
						
  8. FormData上传文件(不是所有的浏览器都支持)
		
    <h1>Ajax上传文件</h1> <div> <input type="file" id="img"/> &l ...
    
		
    9. 
						
  9. 苹果的浏览器safari无法识别 2016-1-1这样的日期，会返回Invalid Date
		
    1.很多时候我们遇到的日期是2016-1-1这样的,中间是带横线的,但是有时候我们需要转化为标准的时间,即使用new Date(time)这样的方法,这时在safari浏览器里面Invalid Dat ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 转：Java Web应用中调优线程池的重要性
			
    不论你是否关注,Java Web应用都或多或少的使用了线程池来处理请求.线程池的实现细节可能会被忽视,但是有关于线程池的使用和调优迟早是需要了解的.本文主要介绍Java线程池的使用和如何正确的配置线程 ...
    
			
    2. 
						
  2. [DOM Event Learning] Section 1 DOM Event 处理器绑定的几种方法
			
    [DOM Event Learning] Section 1 DOM Event处理器绑定的几种方法   网页中经常需要处理各种事件,通常的做法是绑定listener对事件进行监听,当事件发生后进行一 ...
    
			
    3. 
						
  3. 用UILocalNotification实现一个闹钟（Swift）
			
    之前项目需求要实现一个闹钟,github上找了半天发现都是很旧的代码了,所以就准备自己写一个,刚好最近在学习Swift,就用Swift写了一个demo放在这里:https://github.com/P ...
    
			
    4. 
						
  4. 带交互的 iOS 产品原型可以用什么软件制作？
			
    摘自知乎http://www.zhihu.com/question/20326729 来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 首先如果你小团队或者个人开发,当然 ...
    
			
    5. 
						
  5. Android中Listview展示及其优化好处
			
    展示效果: 中间的item条目是可以上下滑动的. 代码实现: @Override public View getView(int position, View convertView, ViewGro ...
    
			
    6. 
						
  6. Oracle解锁，解决“ora00054：资源正忙”错误
			
    Oracle解锁,解决“ora00054:资源正忙”错误 一.处理步骤:--1.获取被锁对象的session_idSELECT session_id FROM v$locked_object; --2 ...
    
			
    7. 
						
  7. Xamarin For Visual Studio 3.0.54.0 完整离线破解版（C# 开发Android、IOS工具 吾乐吧软件站分享）
			
    Xamarin For Visual Studio就是原本的Xamarin For Android 以及 Xamarin For iOS,最新版的已经把两个独立的插件合并为一个exe安装包了.为了区分 ...
    
			
    8. 
						
  8. Hive基本语法操练
			
    建表规则如下: CREATE [EXTERNAL] TABLE [IF NOT EXISTS] table_name [(col_name data_type [COMMENT col_comment ...
    
			
    9. 
						
  9. 简述SQL2008部署多实例集群（学习）
			
    数据库集群     集群的存在意义是为了保证高可用.数据安全.扩展性以及负载均衡. 什么是集群? 由二台或更多物理上独立的服务器共同组成的"虚拟"服务器称之为集群服务器.一项称做M ...
    
			
    10. 
						
  10. WinForm常用属性
			
    Text: 字符串,窗体标题 MaximizeBox: 布尔, 窗体能否最大化 MinimizeBox: 布尔,窗体能否最小化 ShowIcon: 布尔,左上角图标 ShowInTaskbar: 布尔 ...
    
			
    11.