使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/