【html5】使html5标签支持ie9之前的版本 -z6尊龙平台

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 blogh1>

<p>this is your <span>first time to visit this website.span>p>

article>

body>

html>

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

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

分享到：

易势网站制作，以div css为主，js/jquery为辅，制作利于优化，页面美观的优质网站！