如今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. CSS Hack解决浏览器IE部分属性兼容性问题
			
    1.Css Hack 不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持.解析不一样,导致在不同浏览器的环境中呈现出不 ...
    
			
    2. 
						
  2. 用C#缩小照片上传到各种空间
			
    中秋到了,首先祝各位猿友节日快乐!!! 本博文的原名称是“跟我一起用C#压缩照片上传到各种空间”,评论上有人开骂,没办法我这人就是自信霸气,但是既然有人提出来我还是改掉吧,如果文章写得不好的地方欢迎大 ...
    
			
    3. 
						
  3. 关于iOS的runtime
			
    runtime是一个很有意思的东西,如果你学iOS开发很经常就会用到或被问到runtime.那么runtime是什么呢,如何去了解它. runtime:中文名 运行时,系统在编译时留下的一些 类型,操 ...
    
			
    4. 
						
  4. Android 面试题汇总
			
    面试题基础储备 1.Activity相关 a.Activity的特点 1.可见  2.可交互 他之所以可交互,是因为他同时实现了Window.Callback和KeyEvent.Callback, 可 ...
    
			
    5. 
						
  5. mysql与oracle的日期/时间函数小结
			
    前言 本文的日期/时间全部格式化为”2016-01-01 01:01:01“形式: MONITOR_TIME为数据库表字段: 字符串与日期/时间相互转换函数 Oracle 日期/时间转字符串函数:to ...
    
			
    6. 
						
  6. maven工程模块化
			
    前言 项目的模块化有利于任务分工,后期维护,易扩展,模块还可以独立成服务单独部署等: 创建packaging类型为POM的父项目 我用的maven插件是m2e,相信大部分人在eclipse装的也是m2 ...
    
			
    7. 
						
  7. SQL Server修改数据库对象所有者(Owner)浅析
			
    在SQL Server数据库中如何修改数据库对象(表.视图.存储过程..)的所有者(Owner)呢?一般我们可以使用系统提供的系统存储过程sp_changeobjectowner来修改. 我们先看看s ...
    
			
    8. 
						
  8. VS2015 Git使用教程——优化项目编辑日志
			
    一.前言 公司项目中,修改日志管理是一件很繁琐的事情,而且项目维护时间长了,会遗留下各种有用或无用的日志,对于有代码洁癖的人来说,无疑是一种灾难. 1.公司日志记录结构: 2.Git日志记录结构: 二 ...
    
			
    9. 
						
  9. 做的一个HTML表白页面
			
    页面地址: http://myspace123.qiniudn.com/love/index.html 目录文件结构: index.html <html xmlns="http://w ...
    
			
    10. 
						
  10. 再探banana
			
    在Solr图形化界面:除Hue之外的选择中列出了banana的如下一些不足,今天再次研究这些地方是否有方案可以解决. 1.sunburst图功能没法用. 2.中文有些地方会显示%2B%4C之类的一串字 ...
    
			
    11.