【html5】使HTML5标签支持IE9之前的版本 -沈阳易势科技有限公司

build网站制作

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就可以支持这些新增标签了。

分享到： QQ空间新浪微博腾讯微博人人网百度空间

易势网站制作，以DIV+CSS为主，js/jQuery为辅，制作利于优化，页面美观的优质网站！