使HTML5标签支持IE9之前的版本

HTML5新增的一些标签，已经被越来越多的浏览器所支持，但在ie9以前的版本中，这些标签并不支持。

幸好，javascript提供了document.createElement(tagName)的方法，让我们可以用来创建新的标签，在ie浏览器中正常使用。

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>IE中识别html5标签</title> 

<script language='javascript'>
  document.createElement("article");
</script> 

<style> 
    article{display:block;border:1px solid red} 
</style> 
</meta>
</head> 
<body> 
<article> 
<h1>welcome to feimodsfsdfs's blog</h1> 
<p>This is your <span>first time to visit this webSite.</span></p> 
</article> 
</body> 
</html>

上面的代码中使用js动态创建了“article”，如果在ie8中测试内容显示区就会显示出1px的红色边框了。

同理可以将html5的新增标签使用同样的方法进行创建，这样ie8就可以支持这些新增标签了。

另外一种方法是使用网上提供的脚本HTML5 Enabling script，在自己网站引入即可，具体学习地址如下所示：

http://remysharp.com/2009/01/07/html5-enabling-script/

posted @ 2012-08-21 13:06  平常心做不平常事  阅读(505)  评论(0)  编辑  收藏  举报