如今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. Pro HTML5 Programming(Second Edition)2.Canvas API（1）
			
    1.在使用HTML5的Canvas元素时,考虑到有些浏览器不支持canvas元素,或是不支持HTML5 Canvas API中的某些特性,开发人员最好提供一份替代代码. 以下代码展示如何在canvas ...
    
			
    2. 
						
  2. jQuery - 全国省市县三级联动
			
    最近有空用jquery做了一个全国省市县的三级联动,在以后或许可以用的到 ,遗憾的是我还没用封装,等有空看能不能封装成一个插件 废话不多说,贴上代码: <!doctype html> &l ...
    
			
    3. 
						
  3. 1-7 basket.js  localstorage.js缓存css、js
			
    basket.js 源码分析   api 使用文档: http://t3n.de/news/basketjs-performance-localstorage-515119/       一.前言 b ...
    
			
    4. 
						
  4. powershell对txt文件的服务器进行ping操作
			
    powershell对txt文件的服务器进行ping操作,txt文件有几百台服务器要进行Ping操作.每行一个 #//***************************************** ...
    
			
    5. 
						
  5. jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解
			
    jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解 jQuery中操纵元素属性的方法: attr(): 读或者写匹配元素的属性值. removeAttr(): 从匹配的 ...
    
			
    6. 
						
  6. iOS开发-UI 从入门到精通(四)
			
    一.UITextField 1.UITextField是什么? (1)UITextField(输入框):是控制文本输入和显示的控件.在App中UITextField出现频率也比较高: (2)iOS系统 ...
    
			
    7. 
						
  7. Xcode8开发iOS10推送通知过程
			
    iOS10发布后,简书优先开发增加了iOS10的新通知.本文分享整个feature的开发过程遇到的问题. 1.工程配置 Xcode8发生了很大的变化,直接打开原来的工程编译运行,这个时候是获取不到Pu ...
    
			
    8. 
						
  8. ObjectAnimator属性动画应用demo
			
    感谢慕课网--eclipse_xu 布局文件:activity_main.xml <FrameLayout xmlns:android="http://schemas.android. ...
    
			
    9. 
						
  9. 操作系统开发系列—1.HelloWorld ●
			
    org 07c00h ;伪指令,告诉编译器程序会被加载到7c00处 mov ax, cs mov ds, ax mov es, ax call DispStr ;调用显示字符串例程 jmp $ ;无限 ...
    
			
    10. 
						
  10. RunLoop-Custom input source
			
    Creating Creating a custom input source involves defining the following: The information you want yo ...
    
			
    11.