让ie支持html5的标签

让ie支持html5的标签


方式一：引用google的html5.js文件，代码内容可以自己下载下来看。
<!–[if lt IE9]> 
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]–>
将以上代码放到head标签区间


方式二：自己coding JS搞定。

[html]  view plain copy print ?

1. <script>   
2.    (function() {  
3.      if (!   
4.      /*@cc_on!@*/  
5.      0) return;  
6.      var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');  
7.      var i= e.length;  
8.      while (i--){  
9.          document.createElement(e[i])  
10.      }   
11. })()   
12. </script>  

不管你用上面哪中方式，请记得在CSS中进行如下定义，目的是让这些标签成为块状元素，just like div。
/*html5*/

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}