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

在IE中识别并使用HTML5新增标签

weixin_34221276

于 2012-08-21 13:06:00 发布

阅读量89

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hailu/archive/2012/08/21/2648902.html

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/

转载于:https://www.cnblogs.com/hailu/archive/2012/08/21/2648902.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。