关于ie9以下浏览器不支持html5元素

原创于 2018-09-27 11:03:54 发布 · 345 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5

本文介绍了解决IE9及以下版本浏览器不支持HTML5标签的问题，提供了两种方法：一是使用JavaScript动态创建元素，二是引入html5shiv库。通过这些方法，可以确保HTML5标签在旧版IE浏览器中正确显示。

ie9以下的浏览器都不能支持html5标签(article,aside,dialog,footer,header,section,footer,nav,figure,menu)。

方法一：

!--[if lt IE9]> 
  <script>   
    (function() { 
      if (!/*@cc_on!@*/ 0) return;
      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(', ');
      var i= e.length;     
      while (i--){ 
          document.createElement(e[i])     }
      })()
  </script>
<![endif]-->

方法二：

<!--[if lt IE9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
/*html5*/article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

下载地址https://github.com/aFarkas/html5shiv