html5标签兼容ie6，7，8

注册博客园已经三年了，这三年一直在忙，没时间写博文。也许是忙，也许是懒吧！当然这三年发生了很多事，我也从开发人员转变为前端人员。

是时候对所学的，所用的知识做一下沉淀了。就从这一篇开始吧！

html5标签兼容ie6，ie7，ie8

先来看下面的代码：

 <html>
 <head>
     <title>study canvas</title>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <script src="http://a.tbcdn.cn/s/kissy/1.3.0/kissy-min.js"></script>
     <!--[if lte IE 8]>
     <script type="text/javascript">
         (function(){
             var html5elmeents = "address|article|aside|audio|canvas|command|datalist|details|dialog|figure|figcaption|footer|header|hgroup|keygen|mark|meter|menu|nav|progress|ruby|section|time|video".split('|');
             for(var i = 0; i < html5elmeents.length; i++){
                 document.createElement(html5elmeents[i]);
             }
         })();
     </script>
     <![endif]-->

     <style type="text/css">

       .box .art{
           width:300px;
           height: 200px;
           background: #cd5c5c;
       }
       /*
       .box article{
           width:300px;
           height: 200px;
           background:green;
       }
       */
     .summary{
         background: #ddd;
         margin-top: 20px;
         padding: 20px;
     }
     </style>
 </head>
 <body>
 <div id="box" class="box">
     <article class="art">
     文章主体
     </article>
     <section class="section">
         边栏
     </section>

 </div>
 <div class="summary">
     总结：
     html5的标签，在ie6,ie7,ie8下：
     1.使用样式不起作用，无论是article,还是.article<br/>
     2.使用原生的js也不起作用<br/>
     3.加入上面的一段js，样式和原生js都可用<br/>

     ps:用kissy时可以用，可能是kissy做了兼容处理<br/>
 </div>

 <script type="text/javascript">
    var box = document.getElementById('box');
    var art = box.getElementsByTagName('article')[0];
    art.innerHTML = 'i love you';

 (function(S){
     var sect = S.all('#box').all('section');
     sect.html('最好');

 })(KISSY);
 </script>
 </body>
 </html>

总结：
html5的标签，在ie6,ie7,ie8下：
1.使用样式不起作用，无论是article,还是.article

2.使用原生的js也不起作用

3.加入上面的一段js，样式和原生js都可用

ps:用kissy时可以用，可能是kissy做了兼容处理