注册博客园已经三年了，这三年一直在忙，没时间写博文。也许是忙，也许是懒吧！当然这三年发生了很多事，我也从开发人员转变为前端人员。
是时候对所学的，所用的知识做一下沉淀了。就从这一篇开始吧！
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做了兼容处理
